CSS counter-set

CSS

CSS counter-set is an additional property introduced in css-lists-3 to control counters by setting an existing counter to a specified value. This builds upon other implemented counter control properties, specifically counter-reset (which creates a new counter with a specified value) and counter-increment (which increments an existing counter by a specified amount).

This feature is needed for precise counter control, since otherwise it is not possible to set an existing counter to a value, other than figuring out how to increment or decrement it.

Documentation

https://drafts.csswg.org/css-lists-3/#propdef-counter-set

Specification

Working draft or equivalent

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

Chrome for desktop release 85
Chrome for Android release 85
Android WebView release 85

Consensus & Standardization

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

Firefox: Shipped/Shipping
Edge: No signal
Safari: No signal
Web Developers: No signals

Owner

vmpstr@chromium.org

Last updated on 2020-08-02