CSS：list-style-imageの使い方の詳細説明

CSS の list-style-image 属性の使用法をご存知ですか? list-style-image 属性は、リスト項目のマークを置き換えるのに使用されます。この属性は順序付きとして指定されます。または順序なしのリスト項目。

CSS list-style-image プロパティ リスト アイコン

定義と使用法

list-style-image プロパティは、リスト項目のマークアップを画像に置き換えます。

説明

この属性は、順序付きリスト項目または順序なしリスト項目のシンボルとして画像を指定します。リスト項目のコンテンツに対する画像の配置は、通常、list-style-position 属性を使用して制御されます。

注: 画像が利用できない場合に備えて、常に「list-style-type」属性を指定してください。

例

リスト内の項目タグとして画像を設定します:

ul  
{  
list-style-image:url("/i/arrow.gif");  
list-style-type:square;  
}

ブラウザのサポート

すべてのブラウザは list-style-image 属性をサポートします。

注: Internet Explorer (IE8 を含む) のどのバージョンでも、属性値「inherit」はサポートされていません。

可能な值

语法：

list-style-image : none | url (url)

パラメータ：

none : 不指定画像
url : 使用绝对または相对地址指定背景画像

说説明:

オブジェクトとして配置または検索するリスト項目マーカーの画像。
list-style-image 属性が none であるか、指定された画像が利用できない場合は、list-style-type 属性が有効になります。
対応するスクリプト機能は listStyleImage です。私が書いた他の本もご覧ください。

例:

ul.out { list-style-position: outside; list-style-image: url("images/ie.gif"); }

以上がCSS：list-style-imageの使い方の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。