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 | all Property
- CSS | right Property
- CSS | top Property
- CSS | clip Property
- CSS | align-self Property
- CSS overflow-y Property
- CSS | left Property
- CSS | resize Property
- CSS | transition Property
- CSS | transform Property
- CSS | perspective Property
- CSS | animation-name Property
- CSS | grid-row 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 firstname.lastname@example.org. 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.