CSS list-style-image 属性
- 上一頁 list-style
- 下一頁 list-style-position
定義和用法
list-style-image 屬性使用圖像來替換列表項的標記。
說明
這個屬性指定作為有序或無序列表項標誌的圖像。圖像相對於列表項內容的放置位置通常使用 list-style-position 屬性控制。
註釋:請始終規定一個 "list-style-type" 屬性以防圖像不可用。
另請參考:
CSS 教程:CSS 列表
CSS 參考手冊:CSS list-style 属性
HTML DOM 參考手冊:listStyleImage 屬性
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 |
- 上一頁 list-style
- 下一頁 list-style-position