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>
執行實例 »
點擊 "執行實例" 按鈕查看線上實例