CSS list-style-position 属性值说明
| 值 | 描述 |
|---|---|
| outside | 将标记箱放出主黑匣子。这是此属性的默认值。 |
| inside | 将标记框设置为主黑框中的第一个内联框。 |
| initial | 使属性使用其默认值。 |
| inherit | 从父母元素继承属性。 |
语法
list-style-position: inside | outside | initial | inherit;
带有“inside”值的 list-style-position 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
.inside {
list-style-position: inside;
}
li {
border: 1px solid #666;
padding: 5px;
}
</style>
</head>
<body>
<h2>List-style-position 属性示例</h2>
<p>Here the list-style is positioned "inside".</p>
<ul class="inside">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
</body>
</html>
在给定的示例中，列表项位于框内。
带有“outside”值的 list-style-position 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
.outside {
list-style-position: outside;
}
li {
border: 1px solid #666;
padding: 5px;
margin-bottom: 15px;
}
</style>
</head>
<body>
<h2>List-style-position 属性示例</h2>
<p>Here the list-style is positioned "outside".</p>
<ul class="outside">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
</body>
</html>
list-style-position 属性指定列表项的标记应该在列表项框的内部还是外部。
list-style-position 属性应用于显示设置为“list-item”的列表项和元素。
默认情况下，这包括 <li> 元素。
它也可以设置在父元素上：<ol> 或者 <ul>。
| 初始值 | outside |
|---|---|
| 应用于 | 列出项目（item）（item）。 |
| 继承 | 可继承 |
| 可动画的 | 无效 |
| 版本 | CSS1 |
| DOM 语法 | object.Style.ListStylePosition =“Inside”; |
日期：2020-06-02 22:14:37 来源：oir作者：oir