マーカーに画像を表示
リストの点や数字
ホーム
>
CSS2 Note
>
list-style-image
> マーカーに画像を表示
画像を表示
<style type="text/css"><!--
ul {
list-style-image:url(img/bullet.gif);
}
--></style>
<ul>
<li>オリーブオイル
</li>
<li>にんにく
</li>
<li>とうがらし
</li>
</ul>
画像を表示せずにグリフ(glyph: 絵文字)を表示
<style type="text/css"><!--
ul {
list-style-image:none;
}
--></style>
<ul>
<li>魚介類
</li>
<li>白ワイン
</li>
<li>バジル
</li>
</ul>
関連項目:
list-style
|
list-style-type
|
list-style-image
|
list-style-position
2009/02/01発行 2009/02/01更新