W3cubDocs

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
			108 ⁽⁵⁾
		107 ⁽⁴⁾	107 ⁽⁵⁾	TP ^(2,3)
		106 ⁽⁴⁾	106 ⁽⁵⁾	16.1 ^(2,3)
11	105 ⁽⁵⁾	105 ⁽⁴⁾	105 ⁽⁵⁾	16.0 ^(2,3)	91 ⁽⁵⁾
10	104 ⁽⁵⁾	104 ⁽⁴⁾	104 ⁽⁵⁾	15.6 ^(2,3)	90 ⁽⁵⁾
9	103 ⁽⁵⁾	103 ⁽⁴⁾	103 ⁽⁵⁾	15.5 ^(2,3)	89 ⁽⁵⁾
8	102 ⁽⁵⁾	102 ⁽⁴⁾	102 ⁽⁵⁾	15.4 ^(2,3)	88 ⁽⁵⁾
Show all
7	101 ⁽⁵⁾	101 ⁽⁴⁾	101 ⁽⁵⁾	15.2-15.3 ^(2,3)	87 ⁽⁵⁾
6	100 ⁽⁵⁾	100 ⁽⁴⁾	100 ⁽⁵⁾	15.1 ^(2,3)	86 ⁽⁵⁾
5.5	99 ⁽⁵⁾	99 ⁽⁴⁾	99 ⁽⁵⁾	15 ^(2,3)	85 ⁽⁵⁾
	98 ⁽⁵⁾	98 ⁽⁴⁾	98 ⁽⁵⁾	14.1 ^(2,3)	84 ⁽⁵⁾
	97 ⁽⁵⁾	97 ⁽⁴⁾	97 ⁽⁵⁾	14 ^(2,3)	83 ⁽⁵⁾
	96 ⁽⁵⁾	96 ⁽⁴⁾	96 ⁽⁵⁾	13.1 ^(2,3)	82 ⁽⁵⁾
	95 ⁽⁵⁾	95 ⁽⁴⁾	95 ⁽⁵⁾	13 ^(2,3)	81 ⁽⁵⁾
	94 ⁽⁵⁾	94 ⁽⁴⁾	94 ⁽⁵⁾	12.1 ^(2,3)	80 ⁽⁵⁾
	93 ⁽⁵⁾	93 ⁽⁴⁾	93 ⁽⁵⁾	12 ^(2,3,*)	79 ⁽⁵⁾
	92 ⁽⁵⁾	92 ⁽⁴⁾	92 ⁽⁵⁾	11.1 ^(2,3,*)	78 ⁽⁵⁾
	91 ⁽⁵⁾	91 ⁽⁴⁾	91 ⁽⁵⁾	11 ^(2,3,*)	77 ⁽⁵⁾
	90 ⁽⁵⁾	90 ⁽⁴⁾	90 ⁽⁵⁾	10.1 ^(2,3,*)	76 ⁽⁵⁾
	89 ⁽⁵⁾	89 ⁽⁴⁾	89 ⁽⁵⁾	10 ^(2,3,*)	75 ⁽⁵⁾
	88 ⁽⁵⁾	88 ⁽⁴⁾	88 ⁽⁵⁾	9.1 ^(2,3,*)	74 ⁽⁵⁾
	87 ⁽⁵⁾	87 ⁽⁴⁾	87 ⁽⁵⁾	9 ^(2,3,*)	73 ⁽⁵⁾
	86 ⁽⁵⁾	86 ⁽⁴⁾	86 ⁽⁵⁾	8 ^(2,3,*)	72 ⁽⁵⁾
	85 ⁽⁵⁾	85 ⁽⁴⁾	85 ⁽⁵⁾	7.1 ^(2,4,*)	71 ⁽⁵⁾
	84 ⁽⁵⁾	84 ⁽⁴⁾	84 ⁽⁵⁾	7	70 ⁽⁵⁾
	83 ⁽⁵⁾	83 ⁽⁴⁾	83 ⁽⁵⁾	6.1	69 ⁽⁵⁾
	81 ⁽⁵⁾	82 ⁽⁴⁾	81 ⁽⁵⁾	6	68 ⁽⁵⁾
	80 ⁽⁵⁾	81 ⁽⁴⁾	80 ⁽⁵⁾	5.1	67 ⁽⁵⁾
	79 ⁽⁵⁾	80 ⁽⁴⁾	79 ⁽⁵⁾	5	66 ⁽⁵⁾
	18	79 ⁽⁴⁾	78 ⁽⁵⁾	4	65 ⁽⁵⁾
	17	78 ⁽⁴⁾	77 ⁽⁵⁾	3.2	64 ⁽⁵⁾
	16	77 ⁽⁴⁾	76 ⁽⁵⁾	3.1	63 ⁽⁵⁾
	15	76 ⁽⁴⁾	75 ⁽⁵⁾		62 ⁽⁵⁾
	14	75 ⁽⁴⁾	74 ⁽⁵⁾		60 ⁽⁵⁾
	13	74 ⁽⁴⁾	73 ⁽⁵⁾		58 ⁽⁵⁾
	12	73 ⁽⁴⁾	72 ⁽⁵⁾		57 ⁽⁵⁾
		72 ⁽⁴⁾	71 ⁽⁵⁾		56 ⁽⁵⁾
		71 ⁽⁴⁾	70 ⁽⁵⁾		55 ⁽⁵⁾
		70 ⁽⁴⁾	69 ⁽⁵⁾		54 ⁽⁵⁾
		69 ⁽⁴⁾	68 ⁽⁵⁾		53 ⁽⁵⁾
		68 ⁽⁴⁾	67 ⁽⁵⁾		52 ⁽⁵⁾
		67 ⁽⁴⁾	66 ⁽⁵⁾		51 ⁽⁵⁾
		66 ⁽⁴⁾	65 ⁽⁵⁾		50 ⁽⁵⁾
		65 ⁽⁴⁾	64 ⁽⁵⁾		49 ⁽⁵⁾
		64 ⁽⁴⁾	63 ⁽⁵⁾		48 ⁽⁵⁾
		63 ⁽⁴⁾	62 ⁽⁵⁾		47 ⁽⁵⁾
		62 ⁽⁴⁾	61 ⁽⁵⁾		46 ⁽⁵⁾
		61 ⁽⁴⁾	60 ⁽⁵⁾		45 ⁽⁵⁾
		60 ⁽⁴⁾	59 ⁽⁵⁾		44 ⁽⁵⁾
		59 ⁽⁴⁾	58 ⁽⁵⁾		43 ^(1,*)
		58 ⁽⁴⁾	57 ⁽⁵⁾		42 ^(1,*)
		57 ⁽⁴⁾	56 ^(1,*)		41 ^(1,*)
		56 ⁽⁴⁾	55 ^(1,*)		40 ^(1,*)
		55 ⁽⁴⁾	54 ^(1,*)		39 ^(1,*)
		54 ⁽⁴⁾	53 ^(1,*)		38 ^(1,*)
		53 ⁽⁴⁾	52 ^(1,*)		37 ^(1,*)
		52 ⁽⁴⁾	51 ^(1,*)		36 ^(1,*)
		51 ⁽⁴⁾	50 ^(1,*)		35 ^(1,*)
		50 ⁽⁴⁾	49 ^(1,*)		34
		49 ⁽⁴⁾	48 ^(1,*)		33
		48 ⁽⁴⁾	47 ^(1,*)		32
		47 ⁽⁴⁾	46 ^(1,*)		31
		46 ⁽⁴⁾	45 ^(1,*)		30
		45 ⁽⁴⁾	44 ^(1,*)		29
		44 ⁽⁴⁾	43 ^(1,*)		28
		43 ⁽⁴⁾	42 ^(1,*)		27
		42 ⁽⁴⁾	41 ^(1,*)		26
		41 ⁽⁴⁾	40 ^(1,*)		25
		40 ⁽⁴⁾	39 ^(1,*)		24
		39 ⁽⁴⁾	38 ^(1,*)		23
		38 ⁽⁴⁾	37 ^(1,*)		22
		37 ⁽⁴⁾	36 ^(1,*)		21
		36 ⁽⁴⁾	35 ^(1,*)		20
		35 ^(4,*)	34 ^(1,*)		19
		34 ^(4,*)	33 ^(1,*)		18
		33 ^(4,*)	32 ^(1,*)		17
		32 ^(4,*)	31 ^(1,*)		16
		31 ^(4,*)	30 ^(1,*)		15
		30 ^(4,*)	29 ^(1,*)		12.1
		29 ^(4,*)	28 ^(1,*)		12
		28 ^(4,*)	27 ^(1,*)		11.6
		27 ^(4,*)	26 ^(1,*)		11.5
		26 ^(4,*)	25		11.1
		25 ^(4,*)	24		11
		24 ^(4,*)	23		10.6
		23 ^(4,*)	22		10.5
		22 ^(4,*)	21		10.0-10.1
		21 ^(4,*)	20		9.5-9.6
		20 ^(4,*)	19		9
		19 ^(4,*)	18
		18 ^(4,*)	17
		17 ^(4,*)	16
		16 ^(4,*)	15
		15 ^(4,*)	14
		14 ^(4,*)	13
		13 ^(4,*)	12
		12 ^(4,*)	11
		11 ^(4,*)	10
		10 ^(4,*)	9
		9 ^(4,*)	8
		8 ^(4,*)	7
		7 ^(4,*)	6
		6 ^(4,*)	5
		5	4
		4
		3.6
		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
16.1 ^(2,*)
16.0 ^(2,*)	all	105	10	64	105 ⁽⁵⁾	104 ⁽⁴⁾	11	13.4 ⁽⁵⁾	18.0 ⁽⁵⁾	13.1 ⁽⁵⁾	13.18 ⁽⁵⁾	2.5 ⁽⁴⁾
15.6 ^(2,*)		4.4.3-4.4.4	7	12.1			10		17.0 ⁽⁵⁾
15.5 ^(2,*)		4.4		12					16.0 ⁽⁵⁾
15.4 ^(2,*)		4.2-4.3		11.5					15.0 ⁽⁵⁾
Show all
15.2-15.3 ^(2,*)		4.1		11.1					14.0 ⁽⁵⁾
15.0-15.1 ^(2,*)		4		11					13.0 ⁽⁵⁾
14.5-14.8 ^(2,*)		3		10					12.0 ⁽⁵⁾
14.0-14.4 ^(2,*)		2.3							11.1-11.2 ⁽⁵⁾
13.4-13.7 ^(2,*)		2.2							10.1 ⁽⁵⁾
13.3 ^(2,*)		2.1							9.2 ⁽⁵⁾
13.2 ^(2,*)									8.2 ⁽⁵⁾
13.0-13.1 ^(2,*)									7.2-7.4 ⁽⁵⁾
12.2-12.5 ^(2,*)									6.2-6.4
12.0-12.1 ^(2,*)									5.0-5.4
11.3-11.4 ^(2,*)									4
11.0-11.2 ^(2,*)
10.3 ^(2,*)
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