Counters (CSS)

The counter-reset and counter-increment CSS properties and the counter() and counters() functions automatically number headings or ordered list items.

Baseline Status: Achieved Widely Available on Jan 29, 2018 (Cross-browser Newly Available since Jul 29, 2015).

Desktop Browser Engine Support

Google Chrome

2

Supported

Mozilla Firefox

1

Supported

Apple Safari

3

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

25

Safari iOS

1

Specifications and References

Specification ↗ Can I Use (css-counters) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.counter-increment ↗ css.properties.counter-increment.list-item ↗ css.properties.counter-increment.none ↗ css.properties.counter-reset ↗ css.properties.counter-reset.list-item ↗ css.properties.counter-reset.none ↗ css.properties.counter-reset.reset_does_not_affect_siblings ↗ css.types.counter ↗ css.types.counters ↗