css 列表樣式位置屬性


  翻譯結果:

list

英[lɪst]   美[lɪst]  

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

#vt.列出,列入;把…編列成表;記入名單內

vi.列於表上

第三人稱單數: lists 複數: lists 現在分詞: listing 過去式: listed 過去分詞: listed

style

英[staɪl]   美[staɪl]  

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

vt.設計;稱呼;為…造型

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

第三人稱單數: styles 複數: styles 現在分詞: styling 過去式: styled 過去分詞: styled

position

英[pəˈzɪʃn]   美[pəˈzɪʃən]  

######################################先生#########################################雜;#######################################################################雜面,方位,方位;地位,職位;態度;狀態######vt.安置;把…放在適當位置;給…定位;駐紮軍隊######第三人稱單數: positions 複數: positions 現在分詞: positioning 過去式: positioned 過去分詞: positioned###

css 列表樣式位置屬性語法

作用:設定在何處放置清單項目標記。

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

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

css 列表樣式位置屬性範例

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

執行實例 »

點擊 "執行實例" 按鈕查看線上實例

首頁

影片

問答