BASELINE NowYouCanUse.com
Widely Available Counters
id: counter-style

@counter-style

The @counter-style CSS at-rule sets custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.
Baseline Status: Achieved Widely Available on Mar 18, 2026 (Cross-browser Newly Available since Sep 18, 2023).
Desktop Browser Engine Support
Google Chrome
91
Supported
Mozilla Firefox
33
Supported
Apple Safari
17
Supported
Microsoft Edge
91
Supported
Mobile Browser Engine Support
Chrome Android
91
Firefox Android
33
Safari iOS
17
Specifications and References
Specification ↗ Can I Use (css-at-counter-style) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
api.CSSCounterStyleRule ↗ api.CSSCounterStyleRule.additiveSymbols ↗ api.CSSCounterStyleRule.fallback ↗ api.CSSCounterStyleRule.name ↗ api.CSSCounterStyleRule.negative ↗ api.CSSCounterStyleRule.pad ↗ api.CSSCounterStyleRule.prefix ↗ api.CSSCounterStyleRule.range ↗ api.CSSCounterStyleRule.speakAs ↗ api.CSSCounterStyleRule.suffix ↗ api.CSSCounterStyleRule.symbols ↗ api.CSSCounterStyleRule.system ↗ css.at-rules.counter-style ↗ css.at-rules.counter-style.additive-symbols ↗ css.at-rules.counter-style.fallback ↗ css.at-rules.counter-style.negative ↗ css.at-rules.counter-style.pad ↗ css.at-rules.counter-style.prefix ↗ css.at-rules.counter-style.range ↗ css.at-rules.counter-style.speak-as ↗ css.at-rules.counter-style.suffix ↗ css.at-rules.counter-style.symbols ↗ css.at-rules.counter-style.system ↗