list

英 [l?st]? ?美 [l?st]??

n.清單,目錄;傾斜;布邊,布頭;狹條

vt.列出,列入;把…編列成表;記入名單內(nèi)

vi.列于表上

第三人稱(chēng)單數(shù): lists 復(fù)數(shù): lists 現(xiàn)在分詞: listing 過(guò)去式: listed 過(guò)去分詞: listed

style

英 [sta?l]? ?美 [sta?l]??

n.方式;樣式;時(shí)髦;儀表,品位

vt.設(shè)計(jì);稱(chēng)呼;為…造型

vi.使符合流行式樣;用刻刀作裝飾畫(huà)

第三人稱(chēng)單數(shù): styles 復(fù)數(shù): styles 現(xiàn)在分詞: styling 過(guò)去式: styled 過(guò)去分詞: styled

position

英 [p??z??n]? ?美 [p??z???n]??

n.位置,方位;地位,職位;態(tài)度;狀態(tài)

vt.安置;把…放在適當(dāng)位置;給…定位;駐扎軍隊(duì)

第三人稱(chēng)單數(shù): positions 復(fù)數(shù): positions 現(xiàn)在分詞: positioning 過(guò)去式: positioned 過(guò)去分詞: positioned

css list-style-position屬性 語(yǔ)法

作用:設(shè)置在何處放置列表項(xiàng)標(biāo)記。

說(shuō)明:該屬性用于聲明列表標(biāo)志相對(duì)于列表項(xiàng)內(nèi)容的位置。外部 (outside) 標(biāo)志會(huì)放在離列表項(xiàng)邊框邊界一定距離處,不過(guò)這距離在 CSS 中未定義。內(nèi)部 (inside) 標(biāo)志處理為好像它們是插入在列表項(xiàng)內(nèi)容最前面的行內(nèi)元素一樣。

注釋?zhuān)?/strong>所有瀏覽器都支持 list-style-position 屬性。

css list-style-position屬性 示例

<html>
<head>
<style type="text/css">
ul.inside 
{
list-style-position: inside
}

ul.outside 
{
list-style-position: outside
}
</style>
</head>

<body>
<p>該列表的 list-style-position 的值是 "inside":</p>
<ul class="inside">
<li>Earl Grey Tea - 一種黑顏色的茶</li>
<li>Jasmine Tea - 一種神奇的“全功能”茶</li>
<li>Honeybush Tea - 一種令人愉快的果味茶</li>
</ul>

<p>該列表的 list-style-position 的值是 "outside":</p>
<ul class="outside">
<li>Earl Grey Tea - 一種黑顏色的茶</li>
<li>Jasmine Tea - 一種神奇的“全功能”茶</li>
<li>Honeybush Tea - 一種令人愉快的果味茶</li>
</ul>
</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例