toggle()

  • 版本:CSS3
html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

语法:

toggle() = toggle(<value>#)

说明:

允许子孙元素使用取值序列中的值循环替换继承而来的值。
  • 每级ul使用不同的标记:

    示例代码:

    ul { list-style-type: toggle(disk, circle, square, box); } em { font-style: toggle(italic, normal); }

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

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0-11.0 2.0-38.0 4.0-43.0 3.1-8.1 5.0-28.0 3.2-8.1 2.1-4.4.4 18.0-40.0