CSS liststyletype 属性

今天做项目时遇到各ul标签去项标记的问题。用 list-style:none,在IE下成功的将项标记的小黑点去除了。可打开google浏览器运行,小黑点还在。然后我将list-style:none改为list-style-type :none,再次运行,代码正常了。

于是上网查看下list-style属性说明。

list-style属性是一个简写属性,涵盖了所有其他列表样式属性。

例:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

可以按顺序设置如下属性:

  • list-style-type            设置列表项标记的类型。参阅:list-style-type 中可能的值。
  • list-style-position       设置在何处放置列表项标记。参阅:list-style-position 中可能的值。
  • list-style-image          使用图像来替换列表项的标记。参阅:list-style-image 中可能的值。

根据实际需要可以设置不同的属性。

总结:list-style-type 属性是所有浏览器都支持的属性,因此写代码是要尽量严谨。无特殊需求的话,写全list-style-type,而非偷懒只写list-style。

原文地址:https://www.cnblogs.com/tuolei/p/3063987.html