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
Basic support No ? 33 No No No
additive-symbols No ? 33 No No No
fallback No ? 33 No No No
negative No ? 33 No No No
pad No ? 33 No No No
prefix No ? 33 No No No
range No ? 33 No No No
speak-as No ? 33 No No No
suffix No ? 33 No No No
symbols No ? 33 No No No
system No ? 33 No No No
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support No ? ? 33 No No No
additive-symbols No ? ? 33 No No No
fallback No ? ? 33 No No No
negative No ? ? 33 No No No
pad No ? ? 33 No No No
prefix No ? ? 33 No No No
range No ? ? 33 No No No
speak-as No ? ? 33 No No No
suffix No ? ? 33 No No No
symbols No ? ? 33 No No No
system No ? ? 33 No No No

counter-increment property

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 2 ? 1 8 9.2 3
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support ? ? Yes ? ? ? ?

counter-reset property

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 2 12 1 8 9.2 3.1
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support 2 ? Yes 25 10 3.2 ?

Legend

Full support
Compatibility unknown
Compatibility unknown

Edit this page on MDN

© 2005–2018 Mozilla Developer Network 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