text-decoration styling

Method of defining the type, style and color of lines in the text-decoration property. These can be defined as shorthand (e.g. text-decoration: line-through dashed blue) or as single properties (e.g. text-decoration-color: blue)

Spec	https://www.w3.org/TR/css-text-decor-3/#line-decoration
Status	W3C Candidate Recommendation

IE	Edge	Firefox	Chrome	Safari	Opera
			98 ⁽⁵⁾
		95 ⁽⁴⁾	97 ⁽⁵⁾
		94 ⁽⁴⁾	96 ⁽⁵⁾	TP ^(2,3)
11	95 ⁽⁵⁾	93 ⁽⁴⁾	95 ⁽⁵⁾	15 ^(2,3)	80 ⁽⁵⁾
10	94 ⁽⁵⁾	92 ⁽⁴⁾	94 ⁽⁵⁾	14.1 ^(2,3)	79 ⁽⁵⁾
9	93 ⁽⁵⁾	91 ⁽⁴⁾	93 ⁽⁵⁾	14 ^(2,3)	78 ⁽⁵⁾
8	92 ⁽⁵⁾	90 ⁽⁴⁾	92 ⁽⁵⁾	13.1 ^(2,3)	77 ⁽⁵⁾
Show all
7	91 ⁽⁵⁾	89 ⁽⁴⁾	91 ⁽⁵⁾	13 ^(2,3)	76 ⁽⁵⁾
6	90 ⁽⁵⁾	88 ⁽⁴⁾	90 ⁽⁵⁾	12.1 ^(2,3)	75 ⁽⁵⁾
5.5	89 ⁽⁵⁾	87 ⁽⁴⁾	89 ⁽⁵⁾	12 ^(2,3,*)	74 ⁽⁵⁾
	88 ⁽⁵⁾	86 ⁽⁴⁾	88 ⁽⁵⁾	11.1 ^(2,3,*)	73 ⁽⁵⁾
	87 ⁽⁵⁾	85 ⁽⁴⁾	87 ⁽⁵⁾	11 ^(2,3,*)	72 ⁽⁵⁾
	86 ⁽⁵⁾	84 ⁽⁴⁾	86 ⁽⁵⁾	10.1 ^(2,3,*)	71 ⁽⁵⁾
	85 ⁽⁵⁾	83 ⁽⁴⁾	85 ⁽⁵⁾	10 ^(2,3,*)	70 ⁽⁵⁾
	84 ⁽⁵⁾	82 ⁽⁴⁾	84 ⁽⁵⁾	9.1 ^(2,3,*)	69 ⁽⁵⁾
	83 ⁽⁵⁾	81 ⁽⁴⁾	83 ⁽⁵⁾	9 ^(2,3,*)	68 ⁽⁵⁾
	81 ⁽⁵⁾	80 ⁽⁴⁾	81 ⁽⁵⁾	8 ^(2,3,*)	67 ⁽⁵⁾
	80 ⁽⁵⁾	79 ⁽⁴⁾	80 ⁽⁵⁾	7.1 ^(2,4,*)	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 ^(1,*)
		57 ⁽⁴⁾	58 ⁽⁵⁾		42 ^(1,*)
		56 ⁽⁴⁾	57 ⁽⁵⁾		41 ^(1,*)
		55 ⁽⁴⁾	56 ^(1,*)		40 ^(1,*)
		54 ⁽⁴⁾	55 ^(1,*)		39 ^(1,*)
		53 ⁽⁴⁾	54 ^(1,*)		38 ^(1,*)
		52 ⁽⁴⁾	53 ^(1,*)		37 ^(1,*)
		51 ⁽⁴⁾	52 ^(1,*)		36 ^(1,*)
		50 ⁽⁴⁾	51 ^(1,*)		35 ^(1,*)
		49 ⁽⁴⁾	50 ^(1,*)		34
		48 ⁽⁴⁾	49 ^(1,*)		33
		47 ⁽⁴⁾	48 ^(1,*)		32
		46 ⁽⁴⁾	47 ^(1,*)		31
		45 ⁽⁴⁾	46 ^(1,*)		30
		44 ⁽⁴⁾	45 ^(1,*)		29
		43 ⁽⁴⁾	44 ^(1,*)		28
		42 ⁽⁴⁾	43 ^(1,*)		27
		41 ⁽⁴⁾	42 ^(1,*)		26
		40 ⁽⁴⁾	41 ^(1,*)		25
		39 ⁽⁴⁾	40 ^(1,*)		24
		38 ⁽⁴⁾	39 ^(1,*)		23
		37 ⁽⁴⁾	38 ^(1,*)		22
		36 ⁽⁴⁾	37 ^(1,*)		21
		35 ^(4,*)	36 ^(1,*)		20
		34 ^(4,*)	35 ^(1,*)		19
		33 ^(4,*)	34 ^(1,*)		18
		32 ^(4,*)	33 ^(1,*)		17
		31 ^(4,*)	32 ^(1,*)		16
		30 ^(4,*)	31 ^(1,*)		15
		29 ^(4,*)	30 ^(1,*)		12.1
		28 ^(4,*)	29 ^(1,*)		12
		27 ^(4,*)	28 ^(1,*)		11.6
		26 ^(4,*)	27 ^(1,*)		11.5
		25 ^(4,*)	26 ^(1,*)		11.1
		24 ^(4,*)	25		11
		23 ^(4,*)	24		10.6
		22 ^(4,*)	23		10.5
		21 ^(4,*)	22		10.0-10.1
		20 ^(4,*)	21		9.5-9.6
		19 ^(4,*)	20		9
		18 ^(4,*)	19
		17 ^(4,*)	18
		16 ^(4,*)	17
		15 ^(4,*)	16
		14 ^(4,*)	15
		13 ^(4,*)	14
		12 ^(4,*)	13
		11 ^(4,*)	12
		10 ^(4,*)	11
		9 ^(4,*)	10
		8 ^(4,*)	9
		7 ^(4,*)	8
		6 ^(4,*)	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 ^(2,*)	all	94	10	64	94 ⁽⁵⁾	92	11	12.12 ⁽⁵⁾	15.0 ⁽⁵⁾	10.4	7.12	2.5 ⁽⁴⁾
14.5-14.8 ^(2,*)		4.4.3-4.4.4	7	12.1			10		14.0 ⁽⁵⁾
14.0-14.4 ^(2,*)		4.4		12					13.0 ⁽⁵⁾
13.4-13.7 ^(2,*)		4.2-4.3		11.5					12.0 ⁽⁵⁾
Show all
13.3 ^(2,*)		4.1		11.1					11.1-11.2 ⁽⁵⁾
13.2 ^(2,*)		4		11					10.1 ⁽⁵⁾
13.0-13.1 ^(2,*)		3		10					9.2 ⁽⁵⁾
12.2-12.5 ^(2,*)		2.3							8.2 ⁽⁵⁾
12.0-12.1 ^(2,*)		2.2							7.2-7.4 ⁽⁵⁾
11.3-11.4 ^(2,*)		2.1							6.2-6.4
11.0-11.2 ^(2,*)									5.0-5.4
10.3 ^(2,*)									4
10.0-10.2 ^(2,*)
9.3 ^(2,*)
9.0-9.2 ^(2,*)
8.1-8.4 ^(2,*)
8 ^(2,*)
7.0-7.1
6.0-6.1
5.0-5.1
4.2-4.3
4.0-4.1
3.2

Notes

All browsers support the CSS2 version of text-decoration, which matches only the text-decoration-line values (underline, etc.)

Enabled in Chrome through the "experimental Web Platform features" flag in chrome://flags
Partial support refers to not supporting the text-decoration-style property.
Safari 8+ supports -webkit-text-decoration-skip with values none and skip (other values behave like none or skip)
Partial support refers to not supporting the text-decoration-skip property.
Partial support refers to text-decoration-skip only supporting value objects and ink.

^* Partial support with prefix.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/text-decoration