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