list-style-image プロパティ
list-style-image プロパティは、<ul>エレメントといったリストのマーカーに画像を指定するプロパティです。画像ファイルをURLで読み込みます。
list-style-image プロパティは<ul>エレメントに指定します。
ul{
list-style-image: url('../img/example_image.gif');
}
list-style-type プロパティを定義することで、画像が利用できない場合の代替ができます。
ページ内 Index
構文(Syntax)
CSS
list-style-image: none | <image> | initial | inherit;
DOM ( JavaScript )
String = object.style.listStyleImage;
object.style.listStyleImage="none | <image> | initial | inherit";
値(Values)
備考(Remarks)
初期値(Default value) | none |
継承(Inherited) | Yes |
CSS Animation | No |
Example
list-style-imageの例です。リストマーカーをイメージ(画像)で表示します。
アイコンはICOOON MONOから利用させていただきました。
関連するプロパティ
以下のような関連するプロパティがあります。
list-style | list-style-type、list-style-position、list-style-image プロパティを一括で指定 |
list-style-image | マーカーに画像を指定 |
list-style-position | マーカーの位置 |
list-style-type | マーカーフォントの指定 |