list-style-image プロパティは、リスト項目マーカを画像に置き換えます。
注: 常に、list-style-type プロパティを加えて指定してください。このプロパティは、イメージが何等かの理由で使用できない場合に使用されます。
| デフォルト値： | なし |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 不可。animatable を参照 |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.listStyleImage="url('smiley.gif')" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
list-style-image: none|url|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| なし | 画像を表示しません。代わりに、list-style-type プロパティで、どのタイプのリストマーカを描画するかを定義します。これがデフォルトです | Play it ❯ |
| url | リスト項目マーカとして使用する画像へのパス | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル： CSS List
CSSリファレンス：list-style プロパティ
HTML DOM リファレンス：listStyleImage プロパティ