list-style

設定物件的三個不同 list-style 屬性。

語法

{ list-style: sStyle }

可能的值

sStyle

以任何順序指定下列最多三個值的字串:

image

list-style-image 屬性可用的任何影像值範圍。

position

list-style-position 屬性可用的任何位置值範圍。

type

list-style-type 屬性可用的任何類型值範圍。

此屬性為讀取/寫入屬性,預設值為 disc outside none 。這是繼承屬性。

備註

list-style 屬性是複合屬性。同時指定 type 和 image 值時,image 值的優先順序最高,除非 image 值是設定為 none 或 URL 指向的影像無法顯示。

list-style 屬性也適用於 display 屬性設定為 list-item 的所有元素。若顯示項目符號,必須為這些元素明確設定 margin 屬性。

範例

下列範例使用 list-style 屬性來設定清單樣式。此範例使用 UL 和 UL.COMPACT 元素作為內嵌 (全域) 樣式表中的選取器,定義兩個不同未排序清單的樣式。若要使 UL.COMPACT 元素覆寫以 UL 元素選取器設定的影像,您必須將影像屬性明確設定為 none

<style>
    ul {list-style: outside url(dot.gif)}
    ul.compact {list-style-image:none; list-style: inside circle}
</style> 
</head>
<body>
<ul>
    <li>...
    <li>...
</ul>
<ul class=compact>
    <li>...
    <li>...
</ul>

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1)) Ee341492.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

li, ol, ul

另請參閱

概念

list-style-type
list-style-position
list-style-image
display
margin