The counter-reset property in CSS is used to create or reset the CSS counter for elements. This property works together with counter-increment property and the content property.
counter-reset = none|name number|initial|inherit;
- none: It is the default value. This value does not reset the counter.
- name number: The value to reset the counter on each occurrence of the element. The default value is 0 if not specified.
- initial: It sets the counter-reset property to its default value.
- inherit: The element inherits the property from its parent element.
Example 1: This example use counter-reset property to create section.
Example 2: This example use counter-reset property to create section and subsection.
Supported Browsers: The browser supported by counter-reset property are listed below:
- Google Chrome 4.0
- Internet Explorer 8.0
- Firefox 2.0
- Safari 3.1
- Opera 9.6
- HTML | DOM Style counterReset Property
- CSS | transition-property Property
- CSS | nav-down property
- CSS | all Property
- CSS | nav-up property
- CSS | right Property
- CSS | top Property
- CSS | nav-right property
- CSS | grid-gap Property
- CSS | will-change property
- CSS | hyphens Property
- CSS | grid-row-end Property
- CSS | transform Property
- Web API | DOMRectReadOnly y property
- Web API | DOMRectReadOnly x property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.