は"ディスプレイ：マーカー"の作業は現在のブラウザでは、どうすれば良いですか。

Question

しませんのでご自分のコードは吸い場合、またはそれは要するに、ブラウザなたのスペックだ。

私の目標は、シミュレーリストマーカーを用い、動的に生成されるコンテンツなどなどの継続カウンターからは一覧リストを純粋。

なので以下のコードは、 考え が正しいよ の仕様, は以下のようになっています:

html {
  counter-reset: myCounter;
}
li {
  counter-increment: myCounter;
}
li:before {
  content: counter(myCounter)". ";
  display: marker;
  width: 5em;
  text-align: right;
  marker-offset: 1em;
}

<ol>
  <li>The<li>
  <li>quick</li>
  <li>brown</li>
</ol>
<ol>
  <li>fox</li>
  <li>jumped</li>
  <li>over</li>
</ol>

このように見えませんの生成のマーカー、のいずれかFF3、クロム、IE8ベータ2、振り返ってみると、私が正しくないオペラのいずれかがってアンインストールオペラ).

なので、なんだろうけど、日本人の場合マーカー っ ます。Quirksmode.org なんとなっているスペインにおいて通常のもの自己この点で:(.

Answer 1

一見マーカーとして紹介されてい価値CSS2には至りませんでCSS2.1では足りないブラウザです。てしまうのではなかったの助けその人気...

ソース： http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display （ドイツ）

Answer 2

あやまれていることを知りませんで:-|.となっていると思われるシールをその場合です。が多いことを前提とするなどの基本的なCSS2物件をすべきバージョンでサポートされ現代のブラウザでもなんでCSS2.1しなくなったという意味でい分けるどれがいいですか？

今後の参考とするものではありません表示 のMozilla開発センター, いると考えられるFirefoxをサポートしていないきれいに分かれているようです。

また、今後の参考のため、私は私の独自の例と作業 inline-block 代わり:

li:before
{
    content: counter(myCounter)". ";
    display: inline-block;
    width: 2em;
    padding-right: 0.3em;
    text-align: right;
}