CSS list-style 屬性 / 南方站長

CSS list-style 屬性

CSS list-style 屬性

定義和用法

list-style 簡寫屬性在一個聲明中設置所有的列表屬性。

說明

該屬性是一個簡寫屬性，涵蓋了所有其他列表樣式屬性。由於它應用到所有 display 為 list-itb 的元素，所以在普通的 HTML 和 XHTML 中只能用於 li 元素，不過實際上它可以應用到任何元素，並由 list-itb 元素繼承。

可以按順序設置如下屬性：

list-style-type

list-style-position

list-style-image

可以不設置其中的某個值，比如 "list-style:circle inside;" 也是允許的。未設置的屬性會使用其默認值。

默認值：	disc outside none
繼承性：	yes
版本：	CSS1
JavaScript 語法：	object.style.listStyle="decimal inside"

實例

把圖像設置為列表中的列表項目標記：

ul
{
list-style:square inside url('/i/arrow.gif');
}

瀏覽器支持

所有瀏覽器都支持 list-style 屬性。

註釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值

值	描述
list-style-type	設置列表項標記的類型。參閱： list-style-type 中可能的值。
list-style-position	設置在何處放置列表項標記。參閱： list-style-position 中可能的值。
list-style-image	使用圖像來替換列表項的標記。參閱： list-style-image 中可能的值。
inherit	規定應該從父元素繼承 list-style 屬性的值。

TIY 實例

相關頁面

CSS 教程： CSS 列表

HTML DOM 參考手冊：