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;
}