list-style-position

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

語法

{ list-style-position:sPosition}

可能的值

sPosition

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

outside

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

inside

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

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

備註

在已套用 margindisplay:list-item 時, list-style-position 屬性可以套用到任何元素。

如果使用其中一個 margin 屬性將清單項目的左邊界設為 0,則清單項目標記不會顯示。邊界最小應設為 30 點。

範例

下列範例使用 list-style-position 屬性來設定標記的位置。此範例使用 ulul.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)) Ee371229.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

li, ol, ul

另請參閱

概念

margin
display