English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
list-style-image CSS属性は、リストアイテムのマークとしての画像を指定します。
以下のテーブルには、この属性の使用方法とバージョン履歴、JavaScriptスクリプトでの使用方法が記載されています。
| デフォルト値： | normal |
|---|---|
| 適用範囲： | リストアイテム |
| 継承： | はい |
| アニメーション可能： | いいえ。参照してください： アニメーション属性。 |
| バージョン： | CSS 1、2、3 |
| JavaScript構文： | object.style.listStyleImage="url('images/arrow.png')" |
ヒント：このlist-style速記CSS属性は便利で、リストスタイル属性を設定する際の推奨方法です。
この属性の構文は以下の通りです：
list-style-image: url | none | initial | inherit
以下の例では、listを使用する方法を示しています。-style-image属性。
ul {
list-style-image: url("images/arrow.png");
}テストして‹/›以下のテーブルは、この属性の値を説明しています。
| 値 | 説明 |
|---|---|
| url | リストアイテムマークとしての画像の場所を指定します。 |
| none | マーク画像は表示されません。代わりに、以下のlist-style-type属性は、（あれば）表示されるリストマークの種類を指定します。これはデフォルト値です。 |
| oblique | 倾斜されたフォントとしてマークされます。 |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素のlistを使用します。-style-imageの属性値。 |
list-style-image属性のブラウザの互換性を確認してください。以下のテーブルには、その属性をサポートするブラウザの最低バージョン番号が示されています；すべての主要ブラウザがこの属性をサポートしています。
|