Web/CSS/CSS Counter Styles

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

Reference

Properties

• counter-increment
• counter-reset

At-rules

@counter-style

• system
• additive-symbols
• negative
• prefix
• suffix
• range
• pad
• speak-as
• fallback

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

@counter-style rule

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub

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

Legend

Full support  

Full support

No support  

No support

counter-increment property

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub

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

Legend

Full support  

Full support

counter-reset property

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub

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

Legend

Full support  

Full support

CSS Counter Styles by Mozilla Contributors is licensed under CC-BY-SA 2.5.