品易云推流 关闭
文章详情页
文章 > css教程 > css中counter-increment属性是什么

css中counter-increment属性是什么

css counter-increment

头像

小妮浅浅

2021-10-21 09:55:431125浏览 · 0收藏 · 0评论

1、counter-increment属性指定一个或多个CSS计数器的增量值。它将一个或多个标识符作为值,指定要递增的计数器的名称。

2、counter-increment属性必须和counter-reset属性配合使用。

语法

counter-increment:[<标识符><整数>?]+|none|inherit

实例

article{/*定义和初始化计数器*/
  counter-reset:section;/*'section'是计数器的名称*/
}
article h2{/*每出现一次h2,计数器就增加1*/
  counter-increment:section;/*相当于计数器增量:第1节;*/
}

 以上就是css中counter-increment属性的介绍,希望对大家有所帮助。更多css学习指路:css教程

本文教程操作环境:windows7系统、css3版,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图