CSS Counter Styles

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

Reference

Properties

At-rules

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 compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
CSS_Counter_Styles
2
12
1
8
9.2
3
≤37
18
25
10.1
1
1.0
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
CSS_Counter_Styles
2
12
1
8
9.2
3
≤37
18
25
10.1
1
1.0
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
CSS_Counter_Styles
91
91
33
No
77
No
91
91
33
64
No
No
additive-symbols
91
91
33
No
77
No
91
91
33
64
No
No
fallback
91
91
33
No
77
No
91
91
33
64
No
No
negative
91
91
33
No
77
No
91
91
33
64
No
No
pad
91
91
33
No
77
No
91
91
33
64
No
No
prefix
91
91
33
No
77
No
91
91
33
64
No
No
range
91
91
33
No
77
No
91
91
33
64
No
No
speak-as
No
No
33
No
No
No
No
No
33
No
No
No
suffix
91
91
33
No
77
No
91
91
33
64
No
No
symbols
91
Does not support <image> as a value for the symbols descriptor.
91
Does not support <image> as a value for the symbols descriptor.
33
Does not support <image> as a value for the symbols descriptor.
No
77
Does not support <image> as a value for the symbols descriptor.
No
91
Does not support <image> as a value for the symbols descriptor.
91
Does not support <image> as a value for the symbols descriptor.
33
Does not support <image> as a value for the symbols descriptor.
64
Does not support <image> as a value for the symbols descriptor.
No
No
system
91
91
33
No
77
No
91
91
33
64
No
No

BCD tables only load in the browser

counter-increment property

BCD tables only load in the browser

counter-reset property

BCD tables only load in the browser

© 2005–2021 MDN 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