概要: このブログで 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 進数の値を指定すると意図した通りにならない
使うと便利
上記サイトの使い方としては、
- Unicode AA を HTML の 16 進数表記に変換
- 次に HTML の 16 進数表記を CSS 用に変換する
- 例:
あ
→\3042
content
プロパティに変換した文字列を貼付ける- (゚ Д ゚)ウマー
#FIXME