list-style
設定物件的三個不同 list-style 屬性。
語法
{ list-style: sStyle }
可能的值
sStyle
以任何順序指定或接收下列最多三個值的字串:
影像 - Image |
list-style-image 屬性可用的任何影像值範圍。 |
位置 |
list-style-position 屬性可用的任何位置值範圍。 |
型別 |
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>
標準資訊
此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。
適用於
LI、OL、UL