CSS Counter Styles

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The CSS Counter Styles module allows to define custom counter styles, which can be used for CSS list-marker and generated-content counters.


Represents an @counter-style rule.


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

Browser compatibility

CSSCounterStyleRule interface

ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
CSSCounterStyleRuleChrome No support NoEdge No support NoFirefox Full support 33IE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android Full support 33Opera Android No support NoSafari iOS No support NoSamsung Internet Android No support No


Full support
Full support
No support
No support

See also