🏠 New in High Baseline Support: @counter-style
March 18, 2026
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.
Source features
api.CSSCounterStyleRule[mdn]api.CSSCounterStyleRule.additiveSymbols[mdn]api.CSSCounterStyleRule.fallback[mdn]api.CSSCounterStyleRule.name[mdn]api.CSSCounterStyleRule.negative[mdn]api.CSSCounterStyleRule.pad[mdn]api.CSSCounterStyleRule.prefix[mdn]api.CSSCounterStyleRule.range[mdn]api.CSSCounterStyleRule.speakAs[mdn]api.CSSCounterStyleRule.suffix[mdn]api.CSSCounterStyleRule.symbols[mdn]api.CSSCounterStyleRule.system[mdn]css.at-rules.counter-style[mdn]css.at-rules.counter-style.additive-symbols[mdn]css.at-rules.counter-style.fallback[mdn]css.at-rules.counter-style.negative[mdn]css.at-rules.counter-style.pad[mdn]css.at-rules.counter-style.prefix[mdn]css.at-rules.counter-style.range[mdn]css.at-rules.counter-style.suffix[mdn]css.at-rules.counter-style.system[mdn]css.at-rules.counter-style.speak-as[mdn]css.at-rules.counter-style.symbols[mdn]