2008-09-08 13 views
2

私のコードが吸っているのか、それともブラウザがまだ仕様に追いついていないのかは分かりません。"display:marker"は現在のブラウザでも使用できますか?

私の目標は、生成されたコンテンツを使用してリストマーカーをシミュレートすることです。純粋なCSSのリストからリストへのカウンターの継続。

だから私はがthe specに従って正しいと思い次のコードは、このようなものです:

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のいずれかで、マーカーを生成していないようです、Chrome、IE8 beta 2、Operaを正しくリコールしなかった場合(Operaをアンインストールしても)です。

マーカーがとなっていれば、とすれば誰でも知っていますか?

答えて

3

明らかに、マーカーはCSS 2の値として導入されましたが、ブラウザのサポートが不足しているため、CSS 2.1にはなりませんでした。私はdidn 。。おそらく、その後、そのケースを密封すること、主に私は、このような基本的な仮定の下にあったので| - :痛いああ、それを知らなかったhttp://de.selfhtml.org/css/eigenschaften/positionierung.htm#display(ドイツ)

1

「tは...

ソースをその人気を助けます現代のブラウザではCSS2プロパティが確実にサポートされるはずですが、それがCSS 2.1になっていなければ、CSS2プロパティはそれほど意味がありません。

今後の参考として、in the Mozilla Development Centerは表示されないため、Firefoxはまったくサポートしていない可能性があります。

また、今後の参考のために、私が代わりにinline-blockで動作するように私の元の例だが:

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

[ '表示:-moz-marker']があります(https://developer.mozilla.org/en/CSS/display)、しかし私はどちらかを働かせていません。 –

関連する問題