読者です 読者をやめる 読者になる 読者になる

似非プログラマのうんちく

「似非プログラマの覚え書き」出張版

独自のカウンタースタイルを定義する

CSS3

まだ CSS3 の草案の段階ではあるが、独自のカウンタースタイルを定義することができる。そのサンプルがこちら。


全角数字カウンタスタイル

通常の decimal だと半角数字になるが、この em-decimal では全角数字になる。それに意味があるかと言われると微妙*1だけど。

なお草案段階と言うこともあって、現時点では Firefox の最新版でしか機能しないようだ。OperaGoogle Chrome などの WebKit 系のブラウザでは意図した表示にはならなかった(いずれも最新版にて確認済)。

参考 : CSS Counter Styles Level 3

*1:そもそもこのスタイル自体、某ヘルプファイルの見た目を変えずにできるだけスタイルシートで指定しようと試行錯誤した結果作ったもの。