Go to information

list-style

list-styleプロパティは list-style-imageプロパティ, list-style-positionプロパティ, list-style-typeプロパティのリスト項目要素のマーカーに関する3つのプロパティをまとめて設定する簡略プロパティです。

初期値
個別のプロパティの初期値を参照
適用対象
リスト項目要素li要素
継承
する
メディア
visual

値の指定方法は、各プロパティの値を半角スペースで区切って並べます。記述する際に各プロパティの値を並べる順序は特に決まっておらず、また必要のない指定は省略することができます。たとえば、マーカー(行頭記号)を表示しないようにするだけの場合は、"list-style : none ;" とだけ簡略記述することができます。ただし、値を省略すると、省略された部分の各個別のプロパティの初期値が適用されることになります。

マーカーに形状と画像の両方を指定した場合、指定の形状よりも画像が優先して表示され、何らかのトラブルで画像が表示できない場合や画像の表示に対応していない・あるいは表示しない設定にしている環境においては指定の形状で表示します。このため画像を指定する場合は、形状もあわせて指定すると良いでしょう。また、"list-style : none ;" とだけ指定した場合、list-style-imageプロパティと list-style-typeプロパティの両プロパティの値に "none" を指定していることになるので注意してください。

リスト関連プロパティ

list-style-image
リスト項目のマーカーに表示する画像を指定する
list-style-position
リスト項目の主要ボックスに対するマーカーの位置を指定する
list-style-type
リスト項目のマーカーの形状を指定する

list-styleプロパティの実装状況

Windows版Internet Explorer
○(list-style-type に未実装のキーワード多数有り)
Firefox
Opera
○(list-style-type に未実装のキーワード若干有り)
Safari
○(list-style-type に未実装のキーワード若干有り)
Macintosh版Internet Explorer 5
○(list-style-type に未実装のキーワード多数有り)

サンプル

記述例
.image {
list-style : url(image.gif) circle ;
}
表示例
現在位置
  1. W3G
  2. CSS
  3. リスト
  4. list-style
ナビゲーション
ステータス情報
作者
上田 遼
公開
2007-02-02T16:31:47+09:00
更新
2010-04-15T18:53:19+09:00
URI
http://w3g.jp/css/list/list-style
検索