憩いの場

番号付きリストをCSSの「display:list-item」で作ってみると

<style type="text/css">
.decimal {
  display:list-item;
  list-style-type:decimal;
  margin-left:5ex;
}
</style>
<div class="decimal">あああ</div>
<div class="decimal">いいい</div>
<div class="decimal">ううう</div>
↓
あああ
いいい
ううう

IE/Chrome/Opera はリストの数値が「1.2.3.」となりますが、なぜかFirefoxだと「0.0.0.」と表示されます。Fx10、Fx3.6で確認。

バグ報告がありました。

・Bug 4522 - lists have 0. 0. 0. 0. (e.g., when 'display: list-item's 〜)
・display: list-item を定義した要素のマーカープロパティの結果がおかしい - もじら組Wiki

最初の報告の日付が1999年? そんな太古から存在するバグなのか…

いくつかスタイルシートの解説サイトを見たけれども、全然このことの言及が無いなあ。