list-style-image

by 2 contributors:

概要

CSS の list-style-image プロパティは、リスト項目のマーカーとして使われる画像を設定します。なお、簡略化プロパティ list-style を使うほうが便利なことが多いです。

  • 初期値 none
  • 適用対象 リスト項目
  • 継承 する
  • メディア visual
  • 計算値 none または画像の絶対 URI
  • アニメーションの可否 不可
  • 正規順序 形式文法で定義される一意のあいまいでない順序

構文

形式文法: <uri> | none
list-style-image: none
list-style-image: url(http://www.example.com/images/list.png)

list-style-image: inherit

<uri>
マーカーとして使う画像の場所
none
デフォルト値。画像なし。

実際の表示を確認

ul { list-style-image: url("images/arrow.gif") }

仕様

仕様書 策定状況 コメント
CSS Lists and Counters Module Level 3 草案 すべての <画像> データ型をサポートするように拡張
CSS Level 2 (Revision 1) 勧告 初回定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 1.0 1.0 (1.7 or earlier) 4.0 7.0 1.0
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 1.0 1.0 (1) 6.0 6.0 1.0

関連情報

ドキュメントのタグと貢献者

Contributors to this page: ethertank, sosleepy
最終更新者: ethertank,
サイドバーを隠す