html - 列表样式类型和列表样式有什么区别？

Question

当我谈到样式列表时，我发现自己不确定 和 之间的list-style区别list-style-type。他们是一样的吗？

Answer 1

来自www.w3schools.com：

“列表样式的速记属性在一个声明中设置所有列表属性。”

在这里

“列表样式类型指定列表中列表项标记的类型。”

list-style是 setlist-style-type和properties 都在一个声明中list-style-position的简写。list-style-image

Answer 2

不，它们不一样。该list-style属性是一个简写属性，它始终设置三个属性：list-style-type、list-style-position和list-style-image。例如

list-style: square;

相当于设置以下所有内容：

list-style-type: square;
list-style-position: outside;
list-style-image: none;

Answer 3

list-style 属性是一种简写，它在一个声明中为三个不同的列表相关属性设置值：

ul {
  list-style: <list-style-type> <list-style-position> <list-style-image>;
}

例如

ul {
  list-style: circle outside none;
}

这与普通版本相同：

ul {
  list-style-type: circle;
  list-style-position: outside;
  list-style-image: none;
}

Answer 4

List-style 只是用于设置列表样式的简写版本。列表样式类型特指左侧的指标，如曾经流行的无，或圆盘、小数等。

所以，你可以说 list-style: is to margin: as list-style-type: is to margin-right:

列表样式的选项：位置、图像和类型。