counter-reset
Resets a CSS counter to a specific value (default is 0). It's typically used on a parent element to start a new sequence for its children.
Quick example
.book-container {
/* Resets the 'page-count' counter to zero */
counter-reset: page-count;
}Quick facts
Initial value
noneInherited
No
Applies to
all elements
Animation type
byComputedValueType
Values
none counter-reset Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
2+
1+
3+
12+