W3cubDocs

/CSS

CSS Counter Styles

CSS Counter Styles is a module of CSS that lets you define your own counter styles.

Reference

Properties

At-rules

@counter-style

Guides

Using CSS counters
Describes how to use counters to number any HTML element or to perform complex counting.

Specifications

Specification Status Comment
CSS Counter Styles Level 3 Candidate Recommendation Initial definition.

Browser compatibilityUpdate compatibility data on GitHubUpdate compatibility data on GitHubUpdate compatibility data on GitHub

@counter-style rule

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
@counter-style No No 33 No No No
additive-symbols No No 33 No No No
fallback No No 33 No No No
negative No No 33 No No No
pad No No 33 No No No
prefix No No 33 No No No
range No No 33 No No No
speak-as No No 33 No No No
suffix No No 33 No No No
symbols No No 33 No No No
system No No 33 No No No
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
@counter-style No No 33 No No No
additive-symbols No No 33 No No No
fallback No No 33 No No No
negative No No 33 No No No
pad No No 33 No No No
prefix No No 33 No No No
range No No 33 No No No
speak-as No No 33 No No No
suffix No No 33 No No No
symbols No No 33 No No No
system No No 33 No No No

counter-increment property

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
counter-increment 2 12 1 8 9.2 3
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
counter-increment ≤37 18 25 10.1 1 1.0

counter-reset property

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
counter-reset 2 12 1 8 9.2 3
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
counter-reset ≤37 18 25 10.1 1 1.0

Legend

Full support

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Counter_Styles