マーカーとの間隔のレンダリング

 
リストの点や数字
ホーム > CSS2 Note > marker-offset > マーカーとの間隔のレンダリング

li:before擬似要素におけるレンダリング

<style type="text/css"><!--
ol {list-style:none;}

li:before {
display:marker; marker-offset:5em;
content:counter(item, lower-roman) ". "; counter-increment:item;
}
--></style>

<ol>
<li>オリーブオイル</li>
<li>にんにく</li>
<li>とうがらし</li>
</ol>
2009/01/01現在、対応しているブラウザはありません。
 

li要素におけるレンダリング

<style type="text/css"><!--
li {display:marker; marker-offset:10em;}
--></style>

<ol>
<li>魚介類</li>
<li>白ワイン</li>
<li>バジル</li>
</ol>
2009/01/01現在、対応しているブラウザはありません。
 
関連項目: marker-offset
トップページ CSS2 Note ページトップ
 2009/02/01発行 2009/02/01更新