★list-style-image(リストスタイルの画像)

戻る

list-style-image(リストスタイルの画像)


解説
リストの先頭に表示するマークを画像で指定する属性です。
HTMLでは出来ません。

<url>L1
<uri>L2
none: 画像非表示

初期値

none

%値の基準  

適用

display属性の値がlist-itemのエレメント(リストアイテムエレメント)

継承

する


対応状況
全ての値 L1 L2   N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3   E4 E5 ME5 E55 E6

使用例

ソース

表示&操作

スタイル部に、

ul{list-style-image:url(../img/poko.gif);}
.none{list-style-image:none;}

と記述し、

  • pokochan
  • 黒丸

と表示されます。

body部に、

<ul><li>pokochan</ul>
<ul class="none"><li>黒丸</ul>

と記述すると。


Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/list-style-image.html
E-mailpokochan@mx1.tees.ne.jp