CSS list-style-image 属性

定義和用法

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 圖像的路徑。
none 默認。無圖形被顯示。
inherit 規定應該從父元素繼承 list-style-image 屬性的值。

技術細節

默認值: none
繼承性: yes
版本: 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