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