toggle()

語法:

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