This implements the CSS @counter-style rule so that web authors can specify and use custom counter styles in list markers and CSS counters. This improves internationalization of the web.

Motivation

This is a highly demanded CSS feature, especially by developers with needs in internationalization. The tracking bug (crbug.com/687225) has 40 stars, and already contains multiple detailed use cases of the feature.

Documentation

Specification

Editor's draft

Status in Chromium

Blink>CSS


In development (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owner

Comments

We will implement everything of https://drafts.csswg.org/css-counter-styles-3, except: - 'speak-as' descriptor, since it's relatively independent and needs more work from the accessibility side - 'symbols()' function, as it's completely independent from @counter-style

Search tags

css, counter, counter-style,

Last updated on 2021-01-02