CSS教學 - 清單

在 CSS 中常見的清單 (list) 屬性有以下幾種：

# list-style-type

# list-style-position

# list-style-image

# list-style

每一個屬性在以下會有詳細地介紹：

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-position

list-style-position 屬性讓我們可以決定記號是否應該被視為是文字的一部份，並且由此而決定記號的位置。這個屬性可能的設定值為 "inside" 及 "outside"。預定值為 "outside"。

list-style-image

list-style-image 屬性是用來將某個圖案設定為記號。這個屬性的用法為，

list-style-image:url([image_url]);

list-style

以上提到的這三個 (list-style-style、list-style-position、及 list-style-image) 屬性可以被簡化為一個 list-style 屬性。這種做法稱為捷徑 (shortcut)。在這裡，屬性的順序並不重要。