CSS樣式性質表

文字樣式

• * list-style-image ---圖案項目符號
  • none：不設定，不使用項目符號。
  • url( URL )：連結的圖片位置。
    範例：ul {list-style-image:url(ball.gif)}
     
• * list-style-type ---項目符號形式
  • none：不設定，不使用項目符號。

    ---

  • decimal：阿拉伯數字，1、2、3...。 以下用於有序條列項目<ol>
  • lower-roman：小寫羅馬數字，i、ii、iii...。
  • upper-roman：大寫羅馬數字，I、II、III...。
  • lower-alpha：小寫英文字母，a、b、c...。
  • upper-alpha：大寫英文字母，A、B、C...。

    ---

  • disc：實心圓形符號，●。 以下用於無序條列項目<ul>
  • circle：空心圓形符號，○。
  • square：實心方形符號，■。
    範例：ol {list-style-type:lower-roman}
    範例：ul {list-style-type:circle}
     
• * list-style-position ---條列項目內容縮排
  • outside：項目符號會在文字的外面(首行凸排)，預設值。
  • inside：項目符號會在文字的裡面，和文字切齊。
    範例：{list-style-position:outside}