CSS Counter Styles

The @counter-style CSS at-rule allows custom counter styles to be defined. A @counter-style rule defines how to convert a counter value into a string representation.

Spec	https://drafts.csswg.org/css-counter-styles/
Status	W3C Candidate Recommendation

IE	Edge	Firefox	Chrome	Safari	Opera
			98 ⁽¹⁾
		95 ⁽¹⁾	97 ⁽¹⁾
		94 ⁽¹⁾	96 ⁽¹⁾	TP
11	95 ⁽¹⁾	93 ⁽¹⁾	95 ⁽¹⁾	15	80 ⁽¹⁾
10	94 ⁽¹⁾	92 ⁽¹⁾	94 ⁽¹⁾	14.1	79 ⁽¹⁾
9	93 ⁽¹⁾	91 ⁽¹⁾	93 ⁽¹⁾	14	78 ⁽¹⁾
8	92 ⁽¹⁾	90 ⁽¹⁾	92 ⁽¹⁾	13.1	77 ⁽¹⁾
Show all
7	91 ⁽¹⁾	89 ⁽¹⁾	91 ⁽¹⁾	13	76
6	90	88 ⁽¹⁾	90	12.1	75
5.5	89	87 ⁽¹⁾	89	12	74
	88	86 ⁽¹⁾	88	11.1	73
	87	85 ⁽¹⁾	87	11	72
	86	84 ⁽¹⁾	86	10.1	71
	85	83 ⁽¹⁾	85	10	70
	84	82 ⁽¹⁾	84	9.1	69
	83	81 ⁽¹⁾	83	9	68
	81	80 ⁽¹⁾	81	8	67
	80	79 ⁽¹⁾	80	7.1	66
	79	78 ⁽¹⁾	79	7	65
	18	77 ⁽¹⁾	78	6.1	64
	17	76 ⁽¹⁾	77	6	63
	16	75 ⁽¹⁾	76	5.1	62
	15	74 ⁽¹⁾	75	5	60
	14	73 ⁽¹⁾	74	4	58
	13	72 ⁽¹⁾	73	3.2	57
	12	71 ⁽¹⁾	72	3.1	56
		70 ⁽¹⁾	71		55
		69 ⁽¹⁾	70		54
		68 ⁽¹⁾	69		53
		67 ⁽¹⁾	68		52
		66 ⁽¹⁾	67		51
		65 ⁽¹⁾	66		50
		64 ⁽¹⁾	65		49
		63 ⁽¹⁾	64		48
		62 ⁽¹⁾	63		47
		61 ⁽¹⁾	62		46
		60 ⁽¹⁾	61		45
		59 ⁽¹⁾	60		44
		58 ⁽¹⁾	59		43
		57 ⁽¹⁾	58		42
		56 ⁽¹⁾	57		41
		55 ⁽¹⁾	56		40
		54 ⁽¹⁾	55		39
		53 ⁽¹⁾	54		38
		52 ⁽¹⁾	53		37
		51 ⁽¹⁾	52		36
		50 ⁽¹⁾	51		35
		49 ⁽¹⁾	50		34
		48 ⁽¹⁾	49		33
		47 ⁽¹⁾	48		32
		46 ⁽¹⁾	47		31
		45 ⁽¹⁾	46		30
		44 ⁽¹⁾	45		29
		43 ⁽¹⁾	44		28
		42 ⁽¹⁾	43		27
		41 ⁽¹⁾	42		26
		40 ⁽¹⁾	41		25
		39 ⁽¹⁾	40		24
		38 ⁽¹⁾	39		23
		37 ⁽¹⁾	38		22
		36 ⁽¹⁾	37		21
		35 ⁽¹⁾	36		20
		34 ⁽¹⁾	35		19
		33 ⁽¹⁾	34		18
		32	33		17
		31	32		16
		30	31		15
		29	30		12.1
		28	29		12
		27	28		11.6
		26	27		11.5
		25	26		11.1
		24	25		11
		23	24		10.6
		22	23		10.5
		21	22		10.0-10.1
		20	21		9.5-9.6
		19	20		9
		18	19
		17	18
		16	17
		15	16
		14	15
		13	14
		12	13
		11	12
		10	11
		9	10
		8	9
		7	8
		6	7
		5	6
		4	5
		3.6	4
		3.5
		3
		2

Safari on iOS	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser	KaiOS Browser
15	all	94 ⁽¹⁾	10	64 ⁽¹⁾	94 ⁽¹⁾	92 ⁽¹⁾	11	12.12	15.0	10.4	7.12	2.5 ⁽¹⁾
14.5-14.8		4.4.3-4.4.4	7	12.1			10		14.0
14.0-14.4		4.4		12					13.0
13.4-13.7		4.2-4.3		11.5					12.0
Show all
13.3		4.1		11.1					11.1-11.2
13.2		4		11					10.1
13.0-13.1		3		10					9.2
12.2-12.5		2.3							8.2
12.0-12.1		2.2							7.2-7.4
11.3-11.4		2.1							6.2-6.4
11.0-11.2									5.0-5.4
10.3									4
10.0-10.2
9.3
9.0-9.2
8.1-8.4
8
7.0-7.1
6.0-6.1
5.0-5.1
4.2-4.3
4.0-4.1
3.2

Notes

Partial support refers to lacking support for image symbols: Firefox bug, Chrome bug

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/css-at-counter-style