マーカーに画像 (Lists)

 
リストの点や数字
ホーム > CSS2 Note > マーカーに画像
C1- ie4- N6-

説明

list-style-image: image; C1- ie4- N6-
値:  <URI> | none | inherit
初期値:none適用要素:display:list-item」の要素継承:する%値:なしメディア:ビジュアル
このプロパティは、リストの点や数字(マーカー)に用いる画像を指定します。指定先の画像が見つからない場合は、list-style-typeプロパティで設定したマーカーが使用されます。

*1 CSS2、CSS2.1の仕様書における適用要素は「display:list-item」の要素になります。HTMLにおける適用要素は ol ul dir|menu li要素です。
*2 すべてのブラウザにおいて、HTMLの番号つきリストol要素に画像は適用されません(ul dir menu li要素には適用されます)。
 

使用例

ul {list-style-image:url("img/ellipse.gif")}
 

マーカーに画像 <'list-style-image'>

URIC1- ie4- N6- 画像のURI。URIの記述は「url(URI)」という形式になります。
noneC1- ie4- N6- 画像を表示せずにグリフ(glyph: 絵文字)を表示します。初期値。
 
関連項目: marker-offset | list-style | list-style-type | list-style-image | list-style-position
トップページ CSS2 Note ページトップ
 2005/09/22発行 2009/02/01更新