Unicode AAをCSSのcontent要素に埋め込む方法

概要: このブログで hr 要素を Unicode AA に置換しているやり方

---

現時点で使ってるコード

hr {
border : none ;
}

hr:after {
display : block ;
margin  : 1em 0 ;
content: '(\FF65\E34\3C9\FF65\E34)\309D' ;
text-align : center ;

color : #4E9A06 ;
}

このコードのポイント

• contentプロパティで Unicode を埋め込む際は、CSS の文字コード表記を使う
• CSS の文字コード表記は 16 進数で指定するっぽい
• なので、10 進数の値を指定すると意図した通りにならない

使うと便利

10 進、16 進文字コード in HTML ユニコード

上記サイトの使い方としては、

1. Unicode AA を HTML の 16 進数表記に変換

2. 次に HTML の 16 進数表記を CSS 用に変換する

3. 例: あ → \3042

4. contentプロパティに変換した文字列を貼付ける

5. (ﾟ Д ﾟ)ｳﾏｰ

FIXME