9.1. CSS list-style-type 属性

list-style-type属性是CSS2.1提出的.IE6,Firefox1.5,Opera9支持此属性

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开头的数字e.g., 01, 02, 03, ..., 98, 99
- lower-roman: 小写罗马文字i, ii, iii, iv, v, etc.
- upper-roman: 大写罗马文字I, II, III, IV, V, etc.
- lower-greek: 小写阿拉伯文字α, β, γ, ...
- 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:继承
初始值: disc
继承性: 是
适用于: 所有属于list的元素
list:列表,style:样式,type:类型.
引用网址:http://www.dreamdu.com/css/property_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-type 属性示例

9.1. CSS list-style-type 属性

示例

延伸阅读

参考