list-style-type和list-style有什么区别?

Gen*_*ais 31 html css

当我来到造型名单的时候,我发现自己不能确定之间的差异list-stylelist-style-type.它们是一样的吗?

小智 24

来自www.w3schools.com:

"list-style简写属性在一个声明中设置所有列表属性."

"list-style-type指定列表中列表项标记的类型."

list-style是设置速记list-style-type,list-style-position并且list-style-image都在一个声明中的属性.

  • 让我们停止w3schools (6认同)

Juk*_*ela 10

不,他们不一样.该list-style属性是一个简写属性,总是设置三个属性:list-style-type,list-style-position,和list-style-image.例如

list-style: square;
Run Code Online (Sandbox Code Playgroud)

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

list-style-type: square;
list-style-position: outside;
list-style-image: none;
Run Code Online (Sandbox Code Playgroud)


小智 7

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

ul {
  list-style: <list-style-type> <list-style-position> <list-style-image>;
}
Run Code Online (Sandbox Code Playgroud)

例如

ul {
  list-style: circle outside none;
}
Run Code Online (Sandbox Code Playgroud)

这与普通版本相同:

ul {
  list-style-type: circle;
  list-style-position: outside;
  list-style-image: none;
}
Run Code Online (Sandbox Code Playgroud)