CSS list-style-position 属性

指定列表项标记的位置：

ul.a {
list-style-position: outside;
}

ul.b {
list-style-position: inside;
}

定义和用法

这个list-style-position属性指定列表项标记（项目符号点）的位置。

list-style-position: outside;意味着项目符号点将位于列表项之外。列表项的每一行的开头将垂直对齐：

list-style-position: inside;意味着项目符号点将位于列表项内。由于它是列表项的一部分，因此它将成为文本的一部分并将文本推到开头：

默认值：	外部
遗传：	是的
可动画：	不。阅读可动画的
版本：	CSS1
JavaScript 语法：	对象.style.listStylePosition="inside"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
list-style-position	1.0	4.0	1.0	1.0	3.5

list-style-position: inside|outside|initial|inherit;

Value	Description	Demo
inside	The bullet points will be inside the list item	Demo ❯
outside	The bullet points will be outside the list item. This is default	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit