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.
It is documented as part of the CSS Lists and Counters specification.
Syntax
/* Usage Example */
.book-container {
/* Resets the 'page-count' counter to zero */
counter-reset: page-count;
}
/* Syntax */
counter-reset: none;
/* Global values */
counter-reset: inherit;
counter-reset: initial;
counter-reset: revert;
counter-reset: revert-layer;
counter-reset: unset;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.
2+
1+
3+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more