CSS Counter Styles

Reference

Properties

• counter-increment
• counter-reset

Functions

• symbols()

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

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	4.4	18	25	10.1	1	1.0
reset_does_not_affect_siblings	No	No	82	No	No	No	No	No	82	No	No	No
reversed	No	No	96	No	No	No	No	No	96	No	No	No

	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	4.4	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 See bug 167645.	91	91	33	64	No See bug 167645.	16.0
additive-symbols	91	91	33	No	77	No	91	91	33	64	No	16.0
fallback	91	91	33	No	77	No	91	91	33	64	No	16.0
negative	91	91	33	No	77	No	91	91	33	64	No	16.0
pad	91	91	33	No	77	No	91	91	33	64	No	16.0
prefix	91	91	33	No	77	No	91	91	33	64	No	16.0
range	91	91	33	No	77	No	91	91	33	64	No	16.0
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	16.0
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	16.0 Does not support <image> as a value for the symbols descriptor.
system	91	91	33	No	77	No	91	91	33	64	No	16.0

css.at-rules.counter-style

BCD tables only load in the browser

css.properties.counter-increment

BCD tables only load in the browser

css.properties.counter-reset

BCD tables only load in the browser