CSS list-style 属性
CSS list-style 简写属性在一个声明中设置所有的列表属性
可以设置的属性(按顺序):
- list-style-type
- list-style-position
- list-style-image
可以不设置其中的某个值,比如 "list-style:circle inside;" 也是允许的
未设置的属性会使用其默认值
默认值 | disc outside none |
---|---|
继承 | yes |
版本 | CSS1 |
JavaScript 语法 | object.style.listStyle="decimal inside" |
属性值
值 | 描述 |
---|---|
list-style-type | 设置列表项标记的类型 参考 list-style-type 中可能的值 |
list-style-position | 设置在何处放置列表项标记 参考 list-style-position 中可能的值 |
list-style-image | 使用图像来替换列表项的标记 参考 list-style-image 中可能的值 |
initial | 将这个属性设置为默认值 参考 initial 中可能的值 |
inherit | 规定应该从父元素继承 list-style 属性的值 参考 inherit 中可能的值 |
浏览器支持
下表中的数字表示支持该属性的第一个浏览器版本号
1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
范例
在一个声明中指定所有列表属性
ul { list-style:square url("/static/i/css/sqpurple.gif"); }
相关文章
CSS 基础教程 CSS 列表