CSS list-style-imageプロパティ


例

リスト内のリスト項目マーカーの画像を指定します:

ul
{
list-style-image:url('sqpurple.gif');
}

試してみる »

プロパティの定義と使用説明

list-style-image プロパティは、画像を使用してリスト項目のマーカーを置き換えます。

注意:画像が使用できない場合に備えて、常に "list-style-type" プロパティを指定してください。

デフォルト値: none
継承: yes
バージョン: CSS1
JavaScript 構文: object.style.listStyleImage="url('/images/blueball.gif')"


ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザのバージョン番号を示します。

プロパティ
list-style-image 1.0 4.0 1.0 1.0 7.0

プロパティ値

值 説明
URL 画像のパス。
none デフォルト。画像は表示されません。
inherit list-style-image プロパティの値を親要素から継承することを指定します。


関連記事

CSS チュートリアル:CSS リスト

CSS リファレンス:list-style プロパティ

その他の拡張