CSS list-style-image 属性
- 前のページ list-style
- 次のページ list-style-position
定義と使用方法
list-style-image 属性は、リストアイテムのマークとして画像を使用します。
説明
この属性は、リストアイテムのマークとしての画像を指定します。画像がリストアイテムの内容に対する配置位置は、list-style-position 属性で制御されます。
コメント：画像が利用できない場合でも常に "list-style-type" 属性を指定してください。
も参照してください：
CSS チュートリアル：CSS 列表
CSS リファレンスマニュアル：CSS list-style 属性
HTML DOM リファレンスマニュアル：listStyleImage 属性
例
画像をリストの中のアイテムマークに設定する：
ul
{
list-style-image:url("/i/arrow.gif");
list-style-type:square;
}
CSS 语法
list-style-image: none|url|initial|inherit;
属性値
| 値 | 説明 |
|---|---|
| URL | 画像のパス。 |
| なし | デフォルト。画像は表示されません。 |
| 継承 | 親要素から list-style-image 属性の値を継承するべきことを定義しています。 |
技術的詳細
| デフォルト値： | なし |
|---|---|
| 継承性： | はい |
| バージョン： | CSS1 |
| JavaScript 语法： | object.style.listStyleImage="url('/images/blueball.gif')" |
さらに多くの例
- 画像をリストアイテムのマークとして使用
- この例では、画像をリストアイテムのマークとしてどう使うかを示します。
ブラウザのサポート
テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- 前のページ list-style
- 次のページ list-style-position
