CSS list-style-image 屬性
定義和用法
list-style-image 屬性使用圖像來(lái)替換列表項(xiàng)的標(biāo)記。
說(shuō)明
這個(gè)屬性指定作為一個(gè)有序或無(wú)序列表項(xiàng)標(biāo)志的圖像。圖像相對(duì)于列表項(xiàng)內(nèi)容的放置位置通常使用 list-style-position 屬性控制。
注釋：請(qǐng)始終規(guī)定一個(gè) "list-style-type" 屬性以防圖像不可用。
| 默認(rèn)值： | none |
|---|---|
| 繼承性： | yes |
| 版本： | CSS1 |
| JavaScript 語(yǔ)法： | object.style.listStyleImage="url('/images/blueball.gif')" |
實(shí)例
把圖像設(shè)置為列表中的項(xiàng)目標(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)。無(wú)圖形被顯示。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 list-style-image 屬性的值。 |
TIY 實(shí)例
- 將圖像作為列表項(xiàng)標(biāo)記
- 本例演示如何將圖像作為列表項(xiàng)標(biāo)記。