Edited at

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

More than 1 year has passed since last update.

備忘録


検索するのはここ

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;

をつけておくこと。