CSS中關於list-style屬性的使用詳解

list-style-type -- 定義清單樣式

取值:disc | circle | square | decimal | decimal-leading-zero | lower- roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit

#disc: 點

circle:圓

square: 方形

decimal: 數字

decimal-leading-zero: 十進制數，不足兩位的補齊前導0，例如: 01, 02, 03 , ..., 98, 99

lower-roman: 小寫羅馬文字，例如: i, ii, iii, iv, v, ...

upper-roman: 大寫羅馬文字，例如: I, II, III, IV, V, ...

lower-greek: 小寫希臘字母，例如: α(alpha), β(beta), γ(gamma), ...

lower-latin: 小寫拉丁文，例如: a, b, c, ... z

upper-latin: 大寫拉丁文，例如: A, B, C, .. . Z

armenian: 亞美尼亞數字

georgian: 喬治亞數字，例如: an, ban, gan, ..., he, tan, in, in-an, ...

lower-alpha: 小寫拉丁文，例如: a, b, c, ... z

upper-alpha: 大寫拉丁文，例如: A, B, C, ... Z

none: 無(取消所有的list樣式)

inherit:繼承

引用網址:http:// www.dreamdu.com/css/property_list-style-type/

初始值: disc

繼承性: 是

#適用於: 所有屬於list的元素

list，中文"列表"的意思.style，中文"樣式"的意思.type，中文"類型"的意思.

範例

ul 
{ 
	list-style-type:disc;
}

ul#circle
{ 
	list-style-type:circle;
}

ul#square
{ 
	list-style-type:square;
}

ul#decimal
{ 
	list-style-type:decimal;
}

ul#decimal-leading-zero
{ 
	list-style-type:decimal-leading-zero;
}

ul#lower-roman
{ 
	list-style-type:lower-roman;
}

ul#upper-roman
{ 
	list-style-type:upper-roman;
}

ul#lower-greek
{ 
	list-style-type:lower-greek;
}

ul#lower-latin
{ 
	list-style-type:lower-latin;
}

ul#upper-latin
{ 
	list-style-type:upper-latin;
}

ul#armenian
{ 
	list-style-type:armenian;
}

ul#georgian
{ 
	list-style-type:georgian;
}

ul#lower-alpha
{ 
	list-style-type:lower-alpha;
}

ul#upper-alpha
{ 
	list-style-type:upper-alpha;
}

ul#none
{ 
	list-style-type:none;
}

ol 
{ 
	list-style-type:lower-roman;
}

以上是CSS中關於list-style屬性的使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！