list-style-image

解説

リストの先頭に表示するマーカーに画像ファイルを指定します。ただし、list-style-typeと、list-style-imageの値を同時に指定した場合、list-style-imageの値が優先されます。

URI(URL)画像ファイルを指定
noneリストのマーカーに画像を使用しないことを明示(初期値)

プロパティ情報

値:URLまたはnone
初期値:none
適用対象:リスト項目要素
継承:する
パーセンテージ:不可
適用メディア:視覚
レベル:1〜2

参照

使用例

ソース

CSSの記述方法はスタイルシートってなに?も参照下さい。

<ul style="list-style: url('../img/f.gif');">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul> 

表示結果

  • リスト1
  • リスト2
  • リスト3