css list-style 属性解析

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

可以设置的属性(按顺序): list-style-type, list-style-position, list-style-image.

可以不设置其中的某个值,比如 "list-style:circle inside;" 也是允许的。未设置的属性会使用其默认值。

属性值:

  • list-style-type : 设置列表项标记的类型。
  • list-style-position : 设置在何处放置列表项标记。
  • list-style-image : 使用图像来替换列表项的标记。
  • initial : 将这个属性设置为默认值。
  • inherit : 规定应该从父元素继承 list-style 属性的值。

实例:

<html>
<head>
<meta charset="utf-8"> 
<title>IT懒猫 www.catroom.com.cn</title> 
<style>
ul 
{
	list-style:square url("sqpurple.gif");
}
</style>
</head>

<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>

效果:
list-style效果