读书笔记摘抄新闻资讯list-style-position
list-style-position 属性设定在何处放置列表项标记。该属性用于声明列表标誌相对于列表项内容的位置。外部 (outside) 标誌会放在离列表项框线边界一定距离处，不过这距离在 CSS 中未定义。内部 (inside) 标誌处理为好像它们是插入在列表项内容最前面的行内元素一样。
基本介绍
- 外文名：list-style-position
- 默认值：outside
- 继承性：yes
- 版本：CSS1
定义和用法
list-style-position 属性设定在何处放置列表项标记。
说明
该属性用于声明列表标誌相对于列表项内容的位置。外部 (outside) 标誌会放在离列表项框线边界一定距离处，不过这距离在 CSS 中未定义。内部 (inside) 标誌处理为好像它们是插入在列表项内容最前面的行内元素一样。
| 默认值： | outside |
|---|---|
| 继承性： | yes |
| 版本： | CSS1 |
| JavaScript 语法： | object.style.listStylePosition="inside" |
实例
规定列表中列表项目标记的位置：
ul { list-style-position:inside;}
浏览器支持
所有浏览器都支持 list-style-position 属性。
注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
可能的值
CSS list-style-position 属性的属性值如下表所示：
| 值 | 描述 |
|---|---|
inside | 列表项目标记放置在文本以内，且环绕文本根据标记对齐。 |
outside | 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。 |
inherit | 规定应该从父元素继承 list-style-position 属性的值。 |