清單(List)

繼承屬性，設定表單的list-style-image、list-style-position、list-style-type等3個屬性。3個屬性使用半形空白區隔，順序任意並可省略(被設定各屬性的初期值)。同時指定項目符號的形狀和圖像時，圖像優先被顯示，當圖像無法顯事時才會顯示符號。

屬性	適用元素	屬性值	說明
list-style	表單元素(li元素)	list-style-image list-style-position list-style-type inherit	→ 指定項目符號的圖像 → 指定項目符號在表單區塊的位置 → 指定項目符號的形狀 → 強制繼承上層元素的屬性值

.style{list-style:circle inside url('images/icon_ya.jpg');}

繼承屬性，設定項目符號的圖像。

屬性	適用元素	屬性值	說明
list-style-image	表單元素(li元素)	URI none(default值) inherit	→ 指定項目符號的圖像檔所在位置 → 不指定 → 強制繼承上層元素的屬性值

.img {list-style-image:url('../images/icon_ya.jpg') ;}

繼承屬性，設定項目符號在list元素區塊的位置。

屬性	適用元素	屬性值	說明
list-style-position	表單元素(li元素)	inside outside (default值) inherit	→ 指定項目符號在list元素區塊內 → 指定項目符號在list元素區塊外 → 強制繼承上層元素的屬性值

.inside {list-style-position:inside;list-style-image:url('icon_ya.jpg') ;}

.outside {list-style-position:outside;list-style-image:url('icon_ya.jpg') ;}

繼承屬性，設定項目符號的形狀。同時指定項目符號的形狀和圖像時，圖像優先被顯示，當圖像無法顯事時才會顯示符號。在CSS1的規格有9種，CSS2的規格有12種。

屬性	適用元素	屬性值	說明
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;}