マーカーの表示位置のレンダリング
リストの点や数字
ホーム
>
CSS2 Note
>
list-style-position
> マーカーの表示位置のレンダリング
リスト項目の外側に表示
<style type="text/css"><!--
ol {
list-style-position:outside;
}
--></style>
<ol>
<li>オリーブオイル<br>にんにく
</li>
<li>とうがらし<br>魚介類
</li>
<li>白ワイン<br>バジル
</li>
</ol>
リスト項目の最初のインライン要素として表示
<style type="text/css"><!--
ol {
list-style-position:inside;
}
--></style>
<ol>
<li>ホールトマト<br>塩
</li>
<li>パルメザンチーズ<br>バジルの葉
</li>
<li>パスタ<br>ミネストローネ
</li>
</ol>
関連項目:
list-style
|
list-style-type
|
list-style-image
|
list-style-position
2009/02/01発行 2009/02/01更新