CSS 列表样式属性

CSS 列表样式属性用于设置 HTML 列表元素的样式。CSS 列表样式属性包括：list-style、list-style-type、list-style-image、list-style-position。

list-style 属性

list-style 属性用于向列表添加样式。

语法：

list-style: list-style-type list-style-position list-style-image;

list-style-type 属性

list-style-type 属性用于设置列表项标记的类型。

常用取值：

• disc：实心圆形。
• circle：空心圆形。
• square：实心方块。
• decimal：阿拉伯数字。
• lower-roman：小写罗马数字。
• upper-roman：大写罗马数字。
• lower-alpha：小写字母。
• upper-alpha：大写字母。
• none：无标记。
• inherit：继承父元素的属性值。

示例：

ul {
  list-style-type: square;
}

list-style-position 属性

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

常用取值：

• inside：列表项标记在文本内部。
• outside：列表项标记在文本外部。
• inherit：继承父元素的属性值。

示例：

ul {
  list-style-position: outside;
}

list-style-image 属性

list-style-image 属性用于使用图像作为列表项标记。

语法：

list-style-image: url("文件路径");

示例：

ul {
  list-style-image: url("list-item.png");
}

Markdown 代码片段

# CSS 列表样式属性

CSS 列表样式属性用于设置 HTML 列表元素的样式。CSS 列表样式属性包括：list-style、list-style-type、list-style-image、list-style-position。

## list-style 属性

list-style 属性用于向列表添加样式。

语法：

list-style: list-style-type list-style-position list-style-image;

### list-style-type 属性

list-style-type 属性用于设置列表项标记的类型。

常用取值：

- `disc`：实心圆形。
- `circle`：空心圆形。
- `square`：实心方块。
- `decimal`：阿拉伯数字。
- `lower-roman`：小写罗马数字。
- `upper-roman`：大写罗马数字。
- `lower-alpha`：小写字母。
- `upper-alpha`：大写字母。
- `none`：无标记。
- `inherit`：继承父元素的属性值。

示例：

```css
ul {
  list-style-type: square;
}

list-style-position 属性

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

常用取值：

• inside：列表项标记在文本内部。
• outside：列表项标记在文本外部。
• inherit：继承父元素的属性值。

示例：

ul {
  list-style-position: outside;
}

list-style-image 属性

list-style-image 属性用于使用图像作为列表项标记。

语法：

list-style-image: url("文件路径");

示例：

ul {
  list-style-image: url("list-item.png");
}