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

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

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

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

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

参考 : CSS Counter Styles Level 3

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