CSS list-style-position 属性
定义和用法
list-style-position 属性设置在何处放置列表项标记。
list-style-position: outside; 表示项目符号将位于列表项之外。列表项每行的开头将垂直对齐：
- Coffee - A brewed drink prepared from roasted coffee beans...
- Tea
- Coca-cola
list-style-position: inside; 表示项目符号将位于列表项内。由于它是列表项的一部分，因此它将是文本的一部分，并在开始时推动文本：
- Coffee - A brewed drink prepared from roasted coffee beans...
- Tea
- Coca-cola
| 默认值: | outside |
|---|---|
| 继承性: | yes |
| 支持动画: | no. 阅读有关动画的信息 |
| 版本: | CSS1 |
| JavaScript 语法: | object.style.listStylePosition="inside" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
语法
list-style-position: inside|outside|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| inside | 列表项目标记放置在文本以内，且环绕文本根据标记对齐。 | 亲自试一试 » |
| outside | 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。 | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
相关页面
CSS 教程: CSS List
CSS 参考手册: list-style 属性
HTML DOM 参考手册: listStylePosition 属性
