CSS
CSS3
unicode

CSSでUnicode使って矢印つけたいとき

備忘録

検索するのはここ

http://www.fileformat.info/info/unicode/char/search.htm

arrow とか point あたりのキーワードがいいかも
(他にも色々サイトはあるけれど一番見やすいと思ったところがここ)
Preview条件が HTML Entities になっていることを確認する

指定方法

UnicodeでU+XXXXという文字の場合は、

content: "\XXXX"

回転したいとき

Unicodeでは左右向きの分の矢印しか用意されていない場合がある。上下のバージョンが必要なら回転。

-moz-transform:    rotate( 90deg ); 
-webkit-transform: rotate( 90deg ); 
transform:         rotate( 90deg );

ブロック要素でないと回転がきかないので、

display: block;

display: inline-block;

をつけておくこと。