转载

CSS list-style-position 属性

语法：

list-style-position : outside | inside

参数：

说明：

设置或检索作为对象的列表项标记如何根据文本排列。
仅作用于具有display值等于list-item的对象（如li对象）。
注意：ol对象和ul对象的type特性为其后的所有列表项目（如li对象）指明列表属性。请参阅我的其他著作。
对应的脚本特性为 listStylePosition 。

示例：

ul.in { display: list-item; list-style-position: inside; }

list-style-position实例

规定列表中列表项目标记的位置：

 ul   {   list-style-position:inside;   }

扩展阅读：

浏览器支持

IE	Firefox	Chrome	Safari	Opera

所有主流浏览器都支持 list-style-position 属性。

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持 "inherit" 和 "collapse" 属性值。

list-style-position 属性设置在何处放置列表项标记。

该属性用于声明列表标志相对于列表项内容的位置。外部 (outside) 标志会放在离列表项边框边界一定距离处，不过这距离在 CSS 中未定义。内部 (inside) 标志处理为好像它们是插入在列表项内容最前面的行内元素一样。

默认值：	outside
继承性：	yes
版本：	CSS1
JavaScript 语法：	object.style.listStylePosition="inside"

值	描述
inside	列表项目标记放置在文本以内，且环绕文本根据标记对齐。
outside	默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。
inherit	规定应该从父元素继承 list-style-position 属性的值。