圖解 CSS (9): 列表

list-style-type     (指定類型)list-style-image    (指定圖片)list-style-position (指定位置)list-style          (綜合設定)marker-offset       (不支援)

使用 list-style 可單獨或綜合設定: 類型、圖片、位置, 無順序;
如果同時設定了圖片和類型, 圖片會替換類型; 如果圖片失效則使用類型.

list-style-type：

disc        (實心圓, 預設)circle      (空心圓)square      (實心方塊)decimal     (阿拉伯數字)lower-roman (小寫羅馬數字)upper-roman (大寫羅馬數字)lower-alpha (小寫英文字母)upper-alpha (大寫英文字母)none        (無項目符號)還有很多不支援的...

list-style-image:

list-style-position: outside(預設)、inside;

給清單項目單獨設定樣式：

列表相關的 HTML 標籤：

ol: 有序列表ul: 無序列表li: 清單項目dl: 塊dt: 塊標題dd: 塊內容<ul dynamicoutline initcollapsed>dynamicoutline: 可摺疊initcollapsed: 開始就摺疊