Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Start free with Google Start free with Email

CSS Counter Styles

The @counter-style CSS at-rule allows you to define custom styles for counters. A @counter-style rule defines how to convert a counter value into a string representation.

Last updated on : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 90

91 - 111

2 - 32

33 - 113

4 - 90

91 - 114

3.2 - 16.4

9.5 - 76

77 - 95

Fully Supported

Partially

No Support

Specifications

CSS Counter Styles Level 3 # the-counter-style-rule

Browser Compatibility

CSS Counter Styles on IE is not supported on any IE versions.

CSS Counter Styles on Edge is partially supported on 91-111, and not supported on 12-90 Edge versions.

CSS Counter Styles on Firefox is partially supported on 33-113, and not supported on 2-32 Firefox versions.

CSS Counter Styles on Chrome is partially supported on 91-114, and not supported on 4-90 Chrome versions.

CSS Counter Styles on Safari is not supported on any Safari versions.

CSS Counter Styles on Opera is partially supported on 77-95, and not supported on 9.5-76 Opera versions.

CSS Counter Styles on Safari on iOS is not supported on any Safari on iOS versions.

CSS Counter Styles on Android Browser is partially supported on 97-111, and not supported on 2.1-4 Android Browser versions.

CSS Counter Styles on Opera Mobile is partially supported on 64-73, and not supported on 10-12 Opera Mobile versions.

CSS Counter Styles on Chrome for Android is partially supported on all Chrome for Android versions.

CSS Counter Styles on Firefox for Android is partially supported on all Firefox for Android versions.

CSS Counter Styles on Samsung Internet is partially supported on 16-20, and not supported on 4-15 Samsung Internet versions.

Browser Support for CSS Counter Styles

CSS Counter Styles on Chrome

CSS Counter Styles on Safari

CSS Counter Styles on Firefox

CSS Counter Styles on Internet Explorer

CSS Counter Styles on Opera

CSS Counter Styles on Edge

References

Data sourced from

Medium

Overall Browser Compatibility Score

Note:CSS Counter Styles shows a browser compatibility score of 68. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.

Test on 3000+ browsers for CSS Counter Styles & more

Test your website for CSS Counter Styles and other web technologies. Get 100 FREE automation test minutes!

Test Now