📜  CSS | list-style-position 属性(1)

📅  最后修改于: 2023-12-03 15:14:19.586000             🧑  作者: Mango

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