在本教程中，我们将了解CSS列表样式属性。

这两个常用的HTML列表类型是无序列表 ul和订购的名单 ol。

我们使用 list-style属性为样式列表。

列表样式类型

我们使用 list-style-type属性要样式列表项的标记。

此属性的默认值是 disc。
我们可以使用像圆圈，方形等其他值，无。
我们还可以使用像上α，下α，上罗马，下罗马，十进制等的值。

在以下示例中，我们已将列表样式类型设置为Square。

ul {
	list-style-type : square;
}

如果我们不想要任何样式类型，那么我们将属性设置为None。

ul {
	list-style-type : none;
}

列表边距和填充

要从列表中添加/删除余量，我们可以设置列表的边距属性。

在以下示例中，我们向列表中添加了30px余量顶部。

ul {
	list-style-type : square;
	margin-top : 30px;
	margin-bottom : 30px;
}

在以下示例中，我们已从列表中删除了余量。

ul {
	list-style-type : square;
	margin : 0;
}

在以下示例中，我们已从列表中删除了填充。

ul {
	list-style-type : square;
	margin : 0;
	padding : 0;
}

在以下示例中，我们设置了列表的宽度。

ul {
	list-style-type : square;
	width : 200px;
}

列表样式位置

这定义了如果它持续到下一行，则会如何出现文本。
默认值为 outside这意味着线将继续左填充。
如果值设置为 inside然后线路将在列表标记下面继续。

在以下示例中，我们有一个具有列表样式位置的示例列表，设置为外部(默认值)。

ul {
	list-style-type : square;
	list-style-position : outside;
	width : 200px;
}

在以下示例中，我们有一个带有列表样式位置的示例列表设置为内部。
这将使文本在新行中列表标记下面开始。

ul {
	list-style-type : square;
	list-style-position : inside;
	width : 200px;
}

列表样式图像

这 list-style-image属性允许我们使用自定义镜像为列表项创建光盘。

在以下示例中，我们使用星形图像代替列表项的默认光盘标记。

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

列表风格的速记

我们可以使用 list-style属性作为设置上述属性的速记。

在以下示例中，我们已为列表设置类型，位置和图像。

ul {
	list-style : square outside url(star.png);
}

内联列表

默认情况下，列表项列于垂直的新行。
如果我们希望水平显示它们或者内联我们必须设置 display财产的财产 li元素到 inline。

在以下示例中，我们正在创建一个内联列表。

li {
	display : inline;
}

造型订购列表

现在是时候样式了订购的列表。

这 list-style-type默认情况下订购列表是十进制数。

要更改类型，我们可以将值设置为上α，下α，上罗马，下罗马。

在以下示例中，我们已将列表样式类型设置为上部字母。

ol {
	list-style-type : upper-alpha;
}

在以下示例中，我们将列表样式类型设置为下罗马。

ol {
	list-style-type : lower-roman;
}