2012年3月23日 星期五

FCK專用CSS語法

Css



Html


title

  1. List_1
  2. List_2
  3. List_3
  4. 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 (小寫希臘文 )

list-style-type屬性(連結來源:http://www.chou-it.com/info/dictionary/web/css/list.html)

繼承屬性,設定項目符號的形狀。同時指定項目符號的形狀和圖像時,圖像優先被顯示,當圖像無法顯事時才會顯示符號。在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

沒有留言: