Style counter Reset Property

Style counter Reset Property


Style counter Reset Property
It resets a CSS counter to a given value and this property will create a new counter or reversed counter with the given name on the specified element.
It is used to create or reset the CSS counter for elements. 
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
 
property
 
chrome
 
firefox
 
microsoft edge
 
Opera
 
column-rule
 
4.0
 
2.0
 
8.0
 
9.6
 
Syntax
counter-reset: none|name number|initial|inherit;
Example
Output
 
 
Property Values
 
Value
 
Description
 
none
 
Default value. No counters will be reset
 
id number
 
The id defines which counter to reset. The number sets the value the counter is reset to on each occurrence of the selector. The default number value is 0
 
initial
 
Sets this property to its default value.
 
inherit
 
Inherits this property from its parent element.

 
Technical Details
 
Default value:
 
None
 
Version:
 
CSS2
 
inherited
 
No
 
Animatable
 
No
 
JavaScript syntax:
 
object.style.counterReset="section"