list-style-position

list-style-position 列表样式位置属性指定标记框在主块框中的位置。

示例

/* keyword values */
list-style-position: inside;
list-style-position: outside;

/* global values */
list-style-position: inherit;
list-style-position: initial;
list-style-position: unset;

浏览器支持

浏览器都支持list-style-position

语法：

list-style-position：outside| inside

取值

• outside：列表项目标记放置在文本以外，且环绕文本不根据标记对齐
• inside：列表项目标记放置在文本以内，且环绕文本根据标记对齐。

说明：

设置或检索作为对象的列表项标记如何根据文本排列。

• 仅作用于具有值等于list-item的对象（如li对象）。
• 注意：ol对象和ul对象的type特性为其后的所有列表项目（如li对象）指明列表属性。
• 对应的脚本特性为listStylePosition。

默认值	outside
适用于	所有display:list-item的元素
继承性	有
动画性	否
计算值	指定值

例子

//HTML

list 1
• list item 1-1
• list item 1-2
• list item 1-3
• list item 1-4

list 2
• list item 2-1
• list item 2-2
• list item 2-3
• list item 2-4

list 3
• list item 3-1
• list item 3-2
• list item 3-3
• list item 3-4

//CSS .one { list-style:square inside; } .two { list-style-position: outside; list-style-type: circle; } .three { list-style-image: url("starsolid.gif"); list-style-position: inherit; }

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com