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)) 找到此屬性的定義。
適用範圍
li, ol, ul
另請參閱
概念
list-style-type
list-style-position
list-style-image
display
margin