csslist-style属性如何用

list-style属性是css的一个简写属性，用于在一个声明中设定所有的列表属性。可设定的列表属性有：列表项标志的类型、标志位置、图像标志；可以不设定其中的某个值，比方"list-style:circleinside;"也是允许的。 list-style属性是css的一个简写属性，用于在一个声明中设定所有的列表属性。可以设定的列表属性有：列表项标志的类型、标志位置、图像标志；可以不设定其中的某个值，比方 "list-style:circle inside;" 也是允许的。

css list-style属性如何用？

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

注明：

该属性是一个简写属性，涵盖了所有其他列表样式属性。

因为它利用到所有 display 为 list-item 的元素，所以在普通的 HTML 和 XHTML 中只能用于 li 元素，不外现实上它可以利用到任何元素，并由 list-item 元素继承。

可以按次序设定如部属性：list-style-type，list-style-position，list-style-image。

●　list-style-type：设定列表项标志的类型。

●　list-style-position：设定在何处放置列表项标志。

●　list-style-image：运用图像来替代列表项的标志。

可以不设定其中的某个值，比方 "list-style:circle inside;" 也是允许的。未设定的属性会运用其默许值。

注释：所有阅读器都支撑 list-style 属性。

css list-style属性的运用示例

示例1：不一样的列表项标志

 



无序列表实例:

  
Coffee
  
Tea
  
Coca Cola


  
Coffee
  
Tea
  
Coca Cola

有序列表实例:

  
Coffee
  
Tea
  
Coca Cola


  
Coffee
  
Tea
  
Coca Cola

结果图：

示例2：指定列表项标志的图像

 




Coffee
Tea
Coca Cola

结果图：

以上就是css list-style属性如何用的细致内容，更多请关注 百分百源码网 其它相干文章！