list-style

list-style CSS 属性是一个简写对属性集合，包括list-style-type,list-style-image,和list-style-position。

浏览器支持

浏览器都支持list-style

语法：

list-style：<list-style-type>| <list-style-position>| <list-style-image>

以任何顺序接受一个，二个或者三个关键词

取值：

• <list-style-type>：设置或检索对象的列表项所使用的预设标记。参见list-style-type
• <list-style-position>：设置或检索作为对象的列表项标记如何根据文本排列。参见list-style-position
• <list-style-image>：设置或检索作为对象的列表项标记的图像。参见list-style-image

说明：

复合属性。设置列表项目相关内容

• 需要注意的是，如果使用<list-style>复合属性，<list-style-image>属性必须放在最后，否则部分浏览器（包括所有的webkit/blink内核浏览器）将会解析出错。
• 对应的脚本特性为listStyle。

例子

//HTML

list 1
<ul class="one">
  <li>list item1</li>
  <li>list item2</li>
  <li>list item3</li>
</ul>
list 2
<ul class="two">
  <li>list item a</li>
  <li>list item b</li>
  <li>list item c</li>
</ul>

//CSS
.one {
  list-style: circle;
}

.two {
  list-style: square inside;
}