list

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

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

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

vi.列於表上

第三人稱單數(shù): lists 複數(shù): lists 現(xiàn)在分詞: listing 過去式: listed 過去分詞: listed

style

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

n.方式;樣式;時髦;儀表,品位

vt.設(shè)計;稱呼;為…造型

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

第三人稱單數(shù): styles 複數(shù): styles 現(xiàn)在分詞: styling 過去式: styled 過去分詞: styled

position

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

######################################先生#########################################雜;#######################################################################雜面,方位,方位;地位,職位;態(tài)度;狀態(tài)######vt.安置;把…放在適當(dāng)位置;給…定位;駐紮軍隊######第三人稱單數(shù): positions 複數(shù): positions 現(xiàn)在分詞: positioning 過去式: positioned 過去分詞: positioned###

css 列表樣式位置屬性 語法

作用:設(shè)定在何處放置清單項目標(biāo)記。

說明:此屬性用於宣告清單標(biāo)誌相對於清單項目內(nèi)容的位置。外部 (outside) 標(biāo)誌會放在離清單項目邊框邊界一定距離處,不過這距離在 CSS 中未定義。內(nèi)部 (inside) 標(biāo)誌處理為好像它們是插入在清單項目內(nèi)容最前面的行內(nèi)元素一樣。

註解:所有瀏覽器都支援 list-style-position 屬性。

css 列表樣式位置屬性 範(fàn)例

<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>

執(zhí)行實例 ?

點擊 "執(zhí)行實例" 按鈕查看線上實例