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>
標準資訊
您可以在 Cascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1)) 找到此屬性的定義。
適用範圍
li, ol, ul