counter-increment

  • 版本:CSS2
  • 继承性:无
counter-increment属性在CSS内容中是比较常用的,本文将带你深入理解counter-increment属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上counter-increment的演示案例,希望能够对你有所帮助。

counter-increment的具体语法

counter-increment:none | [<identifier> <integer>]+

默认值none

适用于:所有元素,::before, ::after, ::alternate, ::marker, ::line-marker, margin areas, @footnote areas, and @page context

继承性:无

counter-increment的取值介绍

none:
阻止计数器增加
<identifier>
identifier定义一个或多个将被增加的selector,id,或者class
<integer>
定义计算器每次增加的数值,可以为负值,默认值是1

counter-increment的使用说明

设定当一个selector发生时计数器增加的值。
  • 对应的脚本特性为counterIncrement

counter-increment的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6-7 4 5.1.7 13 11.5
版本 8

counter-increment的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册