本文主要是介绍html中设置一个计分器,css计数器(counter)是什么,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
本篇文章给大家带来的内容是介绍css计数器(counter)是什么,让大家简单的了解css计数器的相关属性。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
css计数器是什么?
计数器是css3提供的一个强大的工具,是一种可以让我们使用CSS给元素自动编号的方法。使用它可以很方便对页面中的任意元素进行计数,实现类似于有序列表的功能。但与有序列表相比,css计数器可以对任意元素计数,同时还可以实现个性化计数。【相关视频教程推荐:CSS3教程】
css计数器的相关属性
1、counter-reset
counter-reset属性用于定义和初始化一个或多个CSS计数器。它可以使用一个或多个标识符作为值,该值指定计数器的名称。
使用语法:counter-reset: [ ? ]+ | none | inherit
每个计数器名称后面都可以跟一个可选的值,该值指定计数器的初始值。
注意:
1)、关键字none,inherit和initial不能作为计数器名称;关键字none,inherit可以作为计counter-reset属性的值。
设置none将取消设置计数器;设置inherit将从元素的父元素处继承counter-reset值。该counter-reset属性的默认值为none。
2)、计数器的初始值不是计数器显示时的第一个数字/值。<
这篇关于html中设置一个计分器,css计数器(counter)是什么的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!