list-style-type 属性演示

提示

list-style-type 可以设置列表元素的 marker（比如圆点、符号、或者自定义计数器样式）。更多样式 (opens new window)

• Hello
• World
• What's up?

disc - 实心圆点 (默认值)

circle - 空心圆点

square - 实心方块

decimal - 十进制阿拉伯数字

decimal-leading-zero - 用初始零填充的十进制数

simp-chinese-informal - 简体中文非正式编号

trad-chinese-informal - 传统中文非正式编号

trad-chinese-formal - 繁体中文正式编号

lower-alpha - 小写ASCII字母

lower-latin - 小写ASCII字母（IE7 以下不支持）

upper-alpha - 大写ASCII字母

upper-latin - 大写ASCII字母（IE7 以下不支持）

lower-roman - 小写罗马数字

upper-roman - 大写罗马数字

lower-greek - 小写古希腊数字

armenian - 亚美尼亚传统编号

cjk-decimal - 中日韩十进制数

japanese-informal - 日文非正式编号

list-style-position 属性演示

提示

list-style-position 属性指定标记框在主体块框中的位置。

List:
• Hello
• World
• What's up?

outside - 标记盒在主块盒的外面(默认值)

inside - 标记盒是主要块盒中的第一个行内盒，处于元素的内容流之后

list-style-image 属性演示

提示

list-style-image 属性用来指定一个能用来作为列表元素标记的图片。

• Hello
• World
• What's up?

list-style 属性演示

提示

list-style 属性是一个简写对属性集合，包括 list-style-type, list-style-image, 和 list-style-position。

以任何顺序接受一个，二个或者三个关键词。如果 list-style-type 和 list-style-image 的值同时出现，list-style-image 会覆盖 list-style-type 的样式。

List:
• Hello
• World
• What's up?

inside

lower-roman

url(/icons/outbond.svg)

inside url(/icons/outbond.svg)

url(/icons/outbond.svg) inside lower-roman

inside lower-roman