counter-reset
The counter-reset property resets CSS counters.
Formal Syntax
counter-reset =
[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none
<reversed-counter-name> =
reversed( <counter-name> )
- Initial value
none- Applies to
- all elements
- Inherited
- no
- Percentages
- n/a
- Computed value
- the keyword none or a list, each item an identifier or a reversed() function paired with an integer
- Animation type
- by computed value type
See specification
JavaScript Access
// Access via element.style
element.style.counterReset = "none";
Browser Support
standard | MDN · Spec
| Feature | Chrome | Firefox | Safari | Edge |
|---|
| counter-reset | 2 | 1 | 3 | 12 |
| list-item | 28 | 1 | 9 | 12 |
| none | 2 | 1 | 3 | 12 |
| reset_does_not_affect_siblings | — | 82 | — | — |
| reversed | — | 96 | — | — |