toggle()

CSS3

toggle()

  • 版本:CSS3

说明:

允许子孙元素使用取值序列中的值循环替换继承而来的值。
  • 在更老的版本中使用的是:cycle()
  • 如何使用:

    示例代码:

    ul{list-style-type:disk;}
    li > ul{list-style-type:toggle(disk,circle,square,box);}
    

    在上述代码中,定义一个多级的ul,第一级使用disk markers,子孙级依次使用circle,square,box。

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Firefox Safari Chrome Opera
6.0-11.0 4.0-34.0 4.0-8.0 4.0-39.0 15.0-24.0