共用方式為


list-style-position

設定指示相對於物件內容,如何繪製項目清單標記的變數。

語法

{ list-style-position: sPosition }

可能的值

sPosition

指定或接收下列其中一個值的字串:

outside

預設值。標記會放置在文字外面,而且標記底下的所有換行文字不會對齊。

inside

標記會放置在文字內部,而且標記底下的所有換行文字會對齊。

此屬性的預設值為 outside。階層式樣式表屬性為繼承的。

備註

當已套用 margindisplay: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

請參閱

概念

margin

display