CSS list-style-image 屬性
定義和用法
list-style-image 屬性使用圖像來替換列表項的標(biāo)記。
說明
這個屬性指定作為一個有序或無序列表項標(biāo)志的圖像。圖像相對于列表項內(nèi)容的放置位置通常使用 list-style-position 屬性控制。
注釋：請始終規(guī)定一個 "list-style-type" 屬性以防圖像不可用。
| 默認(rèn)值： | none |
|---|---|
| 繼承性： | yes |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.listStyleImage="url('/images/blueball.gif')" |
實例
把圖像設(shè)置為列表中的項目標(biāo)記：
ul
{
list-style-image:url("/i/arrow.gif");
list-style-type:square;
}
瀏覽器支持
所有瀏覽器都支持 list-style-image 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| URL | 圖像的路徑。 |
| none | 默認(rèn)。無圖形被顯示。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 list-style-image 屬性的值。 |
TIY 實例
- 將圖像作為列表項標(biāo)記
- 本例演示如何將圖像作為列表項標(biāo)記。