@counter-style
Newly available since 2023-09-18 (baseline low)
The @counter-style
CSS at-rule defines custom counter styles for list items. For example, you can use a sequence of specific symbols instead of numbers for an ordered list.
Compatibility (view on caniuse.com)
- Chrome 91 Released on 2021-05-25
- Chrome Android 91 Released on 2021-05-25
- Edge 91 Released on 2021-05-27
- Firefox 33 Released on 2014-10-14
- Firefox for Android 33 Released on 2014-10-14
- Safari 17 Released on 2023-09-18
- Safari on iOS 17 Released on 2023-09-18
MDN docs
Specifications
BCD data
- 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.suffix
- 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.suffix
- css.at-rules.counter-style.system