list-style-imageプロパティ。

CSSに於けるリストアイテムのマーカとなる画像・list-style-imageプロパティに関する解説です。

list-style-imageプロパティとは。

list-style-imageプロパティは、リストアイテムのマーカとなる画像です。

このプロパティで画像を指定した場合、当該画像が表示可能な場合には通常のマーカ(list-style-typeプロパティで定義)を表示する代わりに当該画像をマーカとして表示します。

list-style-imageプロパティの書式は、以下のようになります。

list-style-image: 値

値としては、以下のものが取れます。

一番近い上位要素で指定された値を継承します。

画像をマーカとして利用せず、通常のマーカ(list-style-typeプロパティで定義)を利用します(デフォルト)。

url(URI)

URIで指定された画像をマーカに利用出来る場合は利用します。

相対URIの場合は当該CSSスタイルシートのURI基準となります。

例えば、HTMLの <ul>要素直下の<li>要素において、マーカにGIF画像「http://www.fiction.ne.jp/image/marker.GIF」を用いたい場合は、

ul>li {
    list-style-image: url("http://www.fiction.ne.jp/image/marker.GIF");
    }

と記述します。

大きすぎる画像を用いた場合、どうなるかは定義されておりません。

ネットスケープ 4.xではlist-style-imageプロパティは実装されておりません。