★list-style(リストスタイルの略記)

戻る

list-style(リストスタイルの略記)


解説
リストの先頭に表示するマークに関する属性をまとめて設定する属性です。

list-style-typeの値
list-style-positionの値
list-style-imageの値

値の省略可。指定の順番は任意。

初期値

定義なし

%値の基準  

適用

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

継承

する


対応状況
全ての値 L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3   E4 E5 ME5 E55 E6
N4については、対応属性(list-style-type)のみ設定可。
使用例

ソース

表示&操作

スタイル部に、

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

と記述し、

  • リストの先頭に表示するマークを四角で本文中に入れます。
  • リストの先頭に表示するマークを画像にします。

と表示されます。

body部に、

<ul>
<li>リストの先頭に表示するマークを四角で本文中に入れます。
<li class="image">リストの先頭に表示するマークを画像にします。</ul>

と記述すると。


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