list-style-position
設定指示相對於物件內容,如何繪製項目清單標記的變數。
語法
{ list-style-position: sPosition }
可能的值
sPosition
指定或接收下列其中一個值的字串:
outside |
預設值。標記會放置在文字外面,而且標記底下的所有換行文字不會對齊。 |
inside |
標記會放置在文字內部,而且標記底下的所有換行文字會對齊。 |
此屬性的預設值為 outside。階層式樣式表屬性為繼承的。
備註
當已套用 margin 和 display:list-item 時,list-style-position 屬性可以套用至任何元素。
如果使用 margin 屬性將清單項目的左邊界設為 0,則不會顯示清單項目標記。邊界最小應設為 30 點。
範例
下列範例使用 list-style-position 屬性來設定標記的位置。此範例使用 UL 和 UL.COMPACT 元素作為內嵌 (全域) 樣式表中的選取器,設定清單項目標記的位置:
<style>
ul {list-style-position:inside}
ul.compact {list-style-position:outside}
</style>
</head>
<body>
<ul>
<li>...
<li>...
</ul>
<ul class=compact>
<li>...
<li>...
</ul>
標準資訊
此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。
適用於
LI、OL、UL