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

;

}

list-style-image -- 定义列表样式图片

取值:<uri> | none | inherit
<uri>:URI(一般是一个图片的网址)
none:无
inherit:继承

初始值: none
继承性: 是
适用于: 所有属于list的元素
list:列表,style:样式,image:图片.
引用网址:http://www.dreamdu.com/css/property_list-style-image/

示例

ul

{

list-style-image

:

url("/images/list-orange.png")

;

}

list-style-position -- 定义列表样式的位置

取值: inside | outside | inherit
inside: 内部
outside: 外部
inherit: 继承

初始值: outside
继承性: 是
适用于: 所有属于list的元素
list: 列表,style: 样式,position: 位置.
引用网址:http://www.dreamdu.com/css/property_list-style-position/

示例

ul#inside

{

list-style-position

:

inside

;

list-style-image

:

url("/images/list-orange.png")

;

}

ul#outside

{

list-style-position

:

outside

;

list-style-image

:

url("/images/list-green.png")

;

}