CSS | list-style-position 属性

list-style-position 属性用于设置列表标记的位置。

语法

list-style-position: inside|outside|inherit;

• inside：列表项目标记位于文本内容的第一行之内（默认值）。
• outside：项目标记位于列表项的外部。
• inherit：继承父元素的 list-style-position 属性值。

实例

ul {
  list-style-position: outside;
}

上述代码将使无序列表的标记出现在列表项的左侧。

注意事项

• list-style-position 属性仅作用于带有列表标记的元素，如 <ol> 和 <ul>。
• 在列表嵌套时，list-style-position 属性只应用于外层列表的标记。
• 在使用 outside 时，如果文本内容占据多行，则只有首行被贴紧标记。