CSS list-style 屬性
定義和用法
list-style 簡寫屬性在一個(gè)聲明中設(shè)置所有的列表屬性。
說明
該屬性是一個(gè)簡寫屬性，涵蓋了所有其他列表樣式屬性。由于它應(yīng)用到所有 display 為 list-item 的元素，所以在普通的 HTML 和 XHTML 中只能用于 li 元素，不過實(shí)際上它可以應(yīng)用到任何元素，并由 list-item 元素繼承。
可以按順序設(shè)置如下屬性：
- list-style-type
- list-style-position
- list-style-image
可以不設(shè)置其中的某個(gè)值，比如 "list-style:circle inside;" 也是允許的。未設(shè)置的屬性會(huì)使用其默認(rèn)值。
| 默認(rèn)值： | disc outside none |
|---|---|
| 繼承性： | yes |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.listStyle="decimal inside" |
實(shí)例
把圖像設(shè)置為列表中的列表項(xiàng)目標(biāo)記：
ul
{
list-style:square inside url('/i/arrow.gif');
}
瀏覽器支持
所有瀏覽器都支持 list-style 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| list-style-type | 設(shè)置列表項(xiàng)標(biāo)記的類型。參閱：list-style-type 中可能的值。 |
| list-style-position | 設(shè)置在何處放置列表項(xiàng)標(biāo)記。參閱：list-style-position 中可能的值。 |
| list-style-image | 使用圖像來替換列表項(xiàng)的標(biāo)記。參閱：list-style-image 中可能的值。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 list-style 屬性的值。 |
TIY 實(shí)例
- 在一個(gè)聲明中定義所有的列表屬性
- 本例演示將所有針對列表的屬性設(shè)置于一個(gè)簡寫屬性。