css列表屬性詳細總結

列表型別（list-style-type）

要影響列表的樣式，最簡單（同時支援最充分）的辦法就是改變其標誌型別。

在一個無序列表中，列表項的標誌 (marker) 是出現在各列表項旁邊的圓點。

在有序列表中，標誌可能是字母、數字或另外某種計數體系中的一個符號。

屬性值有以下：

list-style-type：none無標記

list-style-type：disc預設，標記是實心圓

list-style-type：circle 空心圓

list-style-type：square實心方塊

list-style-type：decimal標記是數字

list-style-type：decimal-leading-zero 0開頭的數字標記（01,02,03）等 

list-style-type：lower-roman 小寫羅馬數字（i,ii,iii，iv,v）

list-style-type：upper-roman 大寫羅馬數字（I,II,III,IV）

list-style-type：lower-alpha 小寫英文字母（a,b,c,d）

list-style-type：upper-alpha 大寫英文字字母（A,B,C,D）

list-style-type：lower-greek 小寫希臘字母（alpha，beta，gamma）

list-style-type：lower-latin 小寫拉丁字母（a,b,c,d）

list-style-type：upper-latin 大寫拉丁字母（A,B,C,D）

 

標記位置（list-style-position）

inside 列表專案標記位置在文字以內，且環繞文字根據標記對齊

outside 預設值，保持標記位於文字的本側，列表專案目標記防止在文字以外，且環繞文字不根據標記對齊

inherit 規定應該從父元素繼承list-style-position屬性的值

設定影像列表標記（list-style-image）

屬性值有以下

URL 影像的路徑

none 預設，無圖形被顯示

inher 規定從父元素繼承list-style-image屬性的值

ul li {

list-style-image : url(xxx.gif)

}

      本文轉自crazy_charles 51CTO部落格，原文連結：http://blog.51cto.com/douya/1846106，如需轉載請自行聯絡原作者