W3cubDocs

CSS Hyphenation

Method of controlling when words at the end of lines should be hyphenated using the "hyphens" property.

Spec	https://www.w3.org/TR/css3-text/#hyphenation
Status	W3C Candidate Recommendation

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

Chrome < 55 and Android 4.0 Browser support "-webkit-hyphens: none", but not the "auto" property. It is advisable to set the @lang attribute on the HTML element to enable hyphenation support and improve accessibility.

Only supported on Android & Mac platforms (and only the "auto" value) for now. See commit & related bug.
Only supported on Android & Mac platforms

^* Partial support with prefix.

Resources

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