CSS list-style-position 属性
定义和用法
list-style-position
属性指定列表项标记(项目符号)的位置。
list-style-position: outside;
表示项目符号将位于列表项外部。每个列表项行的开头将垂直对齐
- 咖啡 - 一种用烘焙咖啡豆冲泡的饮料...
- 茶
- 可口可乐
list-style-position: inside;
表示项目符号将位于列表项内部。由于它是列表项的一部分,因此它将成为文本的一部分,并推动文本开头
- 咖啡 - 一种用烘焙咖啡豆冲泡的饮料...
- 茶
- 可口可乐
浏览器支持
表格中的数字指定完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 语法
list-style-position: inside|outside|initial|inherit;
属性值
值 | 描述 | 演示 |
---|---|---|
inside | 项目符号将位于列表项内部 | 演示 ❯ |
outside | 项目符号将位于列表项外部。这是默认值 | 演示 ❯ |
initial | 将此属性设置为其默认值。 了解initial | |
inherit | 从其父元素继承此属性。 了解inherit |
相关页面
CSS 教程: CSS 列表
CSS 参考: list-style 属性
HTML DOM 参考: listStylePosition 属性