Css
Html
title
- List_1
- List_2
- List_3
- List_4
屬性
每一個屬性在以下會有詳細地介紹:
list-style-type
list-style-type 屬性是用來設定在清單中,每一條之前的記號要用什麼。最常見的 list-style-type 設定值為:
none (沒有)
disc (全黑圓圈)
circle (空心圓圈)
square (正方形)
One may also wish to use ordered character sets. Common ones are:
upper-latin (大寫拉丁文)
lower-latin (小寫拉丁文)
upper-roman (大寫羅馬文)
lower-roman (小寫羅馬文)
upper-alpha (大寫希臘文 )
lower-alpha (小寫希臘文 )
繼承屬性,設定項目符號的形狀。同時指定項目符號的形狀和圖像時,圖像優先被顯示,當圖像無法顯事時才會顯示符號。在CSS1的規格有9種,CSS2的規格有12種。
- ○Win IE
- ○Firefox
- ○Opera
- ○Safari
- ○MC IE
屬性 | 適用元素 | 屬性值 | 說明 |
list-style-type | 表單元素(li元素) | none
--以下CSS1規格--
disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
--以下CSS2規格--
decimal-leading-zero
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
lower-latin
upper-latin
lower-greek
inherit | → 無項目符號
--以下CSS1規格--
→ 點
→ 圓圈
→ 方塊
→ 數字(1,2,3...)
→ 小寫羅馬數字(i,ii,iii...)
→ 大寫羅馬數字(I,II,III...)
→ 英文小寫(a,b,c...)
→ 英文大寫(A,B,C...)
--以下CSS2追加的規格--
→ 數字前加"0"(01,02,03...)
→ hebrew 數字
→ armenian數字
→ georgian數字
→ 漢字數字(一,二,三...)
→ 平假名(あ,い,う...)
→ 片假名(ア,イ,ウ...)
→ 平假名いろは(い,ろ,は...)
→ 片假名イロハ(イ,ロ,ハ...)
→ 小寫羅馬數字(i,ii,iii...)
→ 大寫羅馬數字(I,II,III...)
→ 希臘文字(α, β, γ...)
→ 強制繼承上層元素的屬性值 |
.disc {list-style-position:inside;list-style-type:disc;}
.circle { list-style-position:inside;list-style-type:circle;}
.square { list-style-position:inside;list-style-type:square;}
.decimal{ list-style-position:inside;list-style-type:decimal;}
.lower-roma{ list-style-position:inside;list-style-type:lower-roma;}
.upper-roman{ list-style-position:inside;list-style-type:upper-roman;}
.lower-alpha{ list-style-position:inside;list-style-type:lower-alpha;}
.upper-alpha{ list-style-position:inside;list-style-type:upper-alpha;}
output
- disc
- circle
- square
- decimal
- lower-roma
- upper-roman
- lower-alpha
- upper-alpha