CSS | list-style-position 属性

简介

list-style-position 属性用于设置列表项标记的位置，可以是内部或外部。

• 内部：标记将在文本之前显示（默认值）。
• 外部：标记将位于文本之外。

语法

list-style-position: inside | outside;

属性值

| 值 | 描述 | | -------- | ------------------------------------------------------------ | | inside | 列表项标记在文本之前内部显示。 | | outside | 列表项标记在文本之前外部显示。 |

示例

内部显示

ul {
  list-style: circle inside;
}

效果如下：

• 苹果
• 香蕉
• 橘子

外部显示

ul {
  list-style: square outside;
  list-style-position: outside;
}

效果如下：

• 红
• 黄
• 绿

注意事项

• list-style-position 属性只对块级元素起作用。
• 如果list-style属性没有设置 type值，那么默认使用disc。