list-style-position
描述 (Description)
list-style-position属性会影响标记相对于列表项内容的位置。
可能的值 (Possible Values)
| Sr.No. | 价值和描述 |
|---|---|
| 1 | none NA |
| 2 | inside 如果文本进入第二行，则文本将包裹在标记下方。 如果列表的值为outside，它也会缩进到文本开始的位置。 |
| 3 | outside 如果文本转到第二行，则文本将与第一行的开头（子弹的右侧）对齐。 |
适用于 (Applies to)
所有元素都显示列表项。
DOM语法 (DOM Syntax)
object.style.listStylePosition = "inside";
例子 (Example)
这是一个例子 -
<html>
<head>
</head>
<body>
<ul style = "list-style-type:circle; list-stlye-position:outside;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ul>
<ul style = "list-style-type:square;list-style-position:inside;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ul>
<ol style = "list-style-type:decimal;list-stlye-position:outside;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ol>
<ol style = "list-style-type:lower-alpha;list-style-position:inside;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ol>
</body>
</html>
这将产生以下结果 -
新页面打开