CSS box-decoration-break

Controls whether the box's margins, borders, padding, and other decorations wrap the broken edges of the box fragments (when the box is split by a break (page/column/region/line).

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

IE	Edge	Firefox	Chrome	Safari	Opera
		147	144
		146	143	TP (1,*)
		145	142	26.1 (1,*)
11	141	144	141	26.0 (1,*)	122
10	140	143	140	18.5-18.6 (1,*)	121
9	139	142	139	18.4 (1,*)	120
8	138	141	138	18.3 (1,*)	119
Show all
7	137	140	137	18.2 (1,*)	118
6	136	139	136	18.1 (1,*)	117
5.5	135	138	135	18.0 (1,*)	116
	134	137	134	17.6 (1,*)	115 (1,*)
	133	136	133	17.5 (1,*)	114 (1,*)
	132	135	132	17.4 (1,*)	113 (1,*)
	131	134	131	17.3 (1,*)	112 (1,*)
	130	133	130	17.2 (1,*)	111 (1,*)
	129 (1,*)	132	129 (1,*)	17.1 (1,*)	110 (1,*)
	128 (1,*)	131	128 (1,*)	17.0 (1,*)	109 (1,*)
	127 (1,*)	130	127 (1,*)	16.6 (1,*)	108 (1,*)
	126 (1,*)	129	126 (1,*)	16.5 (1,*)	107 (1,*)
	125 (1,*)	128	125 (1,*)	16.4 (1,*)	106 (1,*)
	124 (1,*)	127	124 (1,*)	16.3 (1,*)	105 (1,*)
	123 (1,*)	126	123 (1,*)	16.2 (1,*)	104 (1,*)
	122 (1,*)	125	122 (1,*)	16.1 (1,*)	103 (1,*)
	121 (1,*)	124	121 (1,*)	16.0 (1,*)	102 (1,*)
	120 (1,*)	123	120 (1,*)	15.6 (1,*)	101 (1,*)
	119 (1,*)	122	119 (1,*)	15.5 (1,*)	100 (1,*)
	118 (1,*)	121	118 (1,*)	15.4 (1,*)	99 (1,*)
	117 (1,*)	120	117 (1,*)	15.2-15.3 (1,*)	98 (1,*)
	116 (1,*)	119	116 (1,*)	15.1 (1,*)	97 (1,*)
	115 (1,*)	118	115 (1,*)	15 (1,*)	96 (1,*)
	114 (1,*)	117	114 (1,*)	14.1 (1,*)	95 (1,*)
	113 (1,*)	116	113 (1,*)	14 (1,*)	94 (1,*)
	112 (1,*)	115	112 (1,*)	13.1 (1,*)	93 (1,*)
	111 (1,*)	114	111 (1,*)	13 (1,*)	92 (1,*)
	110 (1,*)	113	110 (1,*)	12.1 (1,*)	91 (1,*)
	109 (1,*)	112	109 (1,*)	12 (1,*)	90 (1,*)
	108 (1,*)	111	108 (1,*)	11.1 (1,*)	89 (1,*)
	107 (1,*)	110	107 (1,*)	11 (1,*)	88 (1,*)
	106 (1,*)	109	106 (1,*)	10.1 (1,*)	87 (1,*)
	105 (1,*)	108	105 (1,*)	10 (1,*)	86 (1,*)
	104 (1,*)	107	104 (1,*)	9.1 (1,*)	85 (1,*)
	103 (1,*)	106	103 (1,*)	9 (1,*)	84 (1,*)
	102 (1,*)	105	102 (1,*)	8 (1,*)	83 (1,*)
	101 (1,*)	104	101 (1,*)	7.1 (1,*)	82 (1,*)
	100 (1,*)	103	100 (1,*)	7 (1,*)	81 (1,*)
	99 (1,*)	102	99 (1,*)	6.1 (1,*)	80 (1,*)
	98 (1,*)	101	98 (1,*)	6	79 (1,*)
	97 (1,*)	100	97 (1,*)	5.1	78 (1,*)
	96 (1,*)	99	96 (1,*)	5	77 (1,*)
	95 (1,*)	98	95 (1,*)	4	76 (1,*)
	94 (1,*)	97	94 (1,*)	3.2	75 (1,*)
	93 (1,*)	96	93 (1,*)	3.1	74 (1,*)
	92 (1,*)	95	92 (1,*)		73 (1,*)
	91 (1,*)	94	91 (1,*)		72 (1,*)
	90 (1,*)	93	90 (1,*)		71 (1,*)
	89 (1,*)	92	89 (1,*)		70 (1,*)
	88 (1,*)	91	88 (1,*)		69 (1,*)
	87 (1,*)	90	87 (1,*)		68 (1,*)
	86 (1,*)	89	86 (1,*)		67 (1,*)
	85 (1,*)	88	85 (1,*)		66 (1,*)
	84 (1,*)	87	84 (1,*)		65 (1,*)
	83 (1,*)	86	83 (1,*)		64 (1,*)
	81 (1,*)	85	81 (1,*)		63 (1,*)
	80 (1,*)	84	80 (1,*)		62 (1,*)
	79 (1,*)	83	79 (1,*)		60 (1,*)
	18	82	78 (1,*)		58 (1,*)
	17	81	77 (1,*)		57 (1,*)
	16	80	76 (1,*)		56 (1,*)
	15	79	75 (1,*)		55 (1,*)
	14	78	74 (1,*)		54 (1,*)
	13	77	73 (1,*)		53 (1,*)
	12	76	72 (1,*)		52 (1,*)
		75	71 (1,*)		51 (1,*)
		74	70 (1,*)		50 (1,*)
		73	69 (1,*)		49 (1,*)
		72	68 (1,*)		48 (1,*)
		71	67 (1,*)		47 (1,*)
		70	66 (1,*)		46 (1,*)
		69	65 (1,*)		45 (1,*)
		68	64 (1,*)		44 (1,*)
		67	63 (1,*)		43 (1,*)
		66	62 (1,*)		42 (1,*)
		65	61 (1,*)		41 (1,*)
		64	60 (1,*)		40 (1,*)
		63	59 (1,*)		39 (1,*)
		62	58 (1,*)		38 (1,*)
		61	57 (1,*)		37 (1,*)
		60	56 (1,*)		36 (1,*)
		59	55 (1,*)		35 (1,*)
		58	54 (1,*)		34 (1,*)
		57	53 (1,*)		33 (1,*)
		56	52 (1,*)		32 (1,*)
		55	51 (1,*)		31 (1,*)
		54	50 (1,*)		30 (1,*)
		53	49 (1,*)		29 (1,*)
		52	48 (1,*)		28 (1,*)
		51	47 (1,*)		27 (1,*)
		50	46 (1,*)		26 (1,*)
		49	45 (1,*)		25 (1,*)
		48	44 (1,*)		24 (1,*)
		47	43 (1,*)		23 (1,*)
		46	42 (1,*)		22 (1,*)
		45	41 (1,*)		21 (1,*)
		44	40 (1,*)		20 (1,*)
		43	39 (1,*)		19 (1,*)
		42	38 (1,*)		18 (1,*)
		41	37 (1,*)		17 (1,*)
		40	36 (1,*)		16 (1,*)
		39	35 (1,*)		15 (1,*)
		38	34 (1,*)		12.1 (1)
		37	33 (1,*)		12 (1)
		36	32 (1,*)		11.6 (1)
		35	31 (1,*)		11.5 (1)
		34	30 (1,*)		11.1 (1)
		33	29 (1,*)		11 (1)
		32	28 (1,*)		10.6
		31	27 (1,*)		10.5
		30	26 (1,*)		10.0-10.1
		29	25 (1,*)		9.5-9.6
		28	24 (1,*)		9
		27	23 (1,*)
		26	22 (1,*)
		25	21
		24	20
		23	19
		22	18
		21	17
		20	16
		19	15
		18	14
		17	13
		16	12
		15	11
		14	10
		13	9
		12	8
		11	7
		10	6
		9	5
		8	4
		7
		6
		5
		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
26.1 (1,*)
26.0 (1,*)	all (1)	141	10 (1,*)	80 (1,*)	141	143	11	15.5 (1,*)	28 (1,*)	14.9 (1,*)	13.52 (1,*)	3.0-3.1
18.5-18.6 (1,*)		4.4.3-4.4.4 (1,*)	7	12.1 (1)			10		27 (1,*)			2.5
18.4 (1,*)		4.4 (1,*)		12 (1)					26 (1,*)
18.3 (1,*)		4.2-4.3		11.5 (1)					25 (1,*)
Show all
18.2 (1,*)		4.1		11.1 (1)					24 (1,*)
18.1 (1,*)		4		11 (1)					23 (1,*)
18.0 (1,*)		3		10					22 (1,*)
17.6-17.7 (1,*)		2.3							21 (1,*)
17.5 (1,*)		2.2							20 (1,*)
17.4 (1,*)		2.1							19.0 (1,*)
17.3 (1,*)									18.0 (1,*)
17.2 (1,*)									17.0 (1,*)
17.1 (1,*)									16.0 (1,*)
17.0 (1,*)									15.0 (1,*)
16.6-16.7 (1,*)									14.0 (1,*)
16.5 (1,*)									13.0 (1,*)
16.4 (1,*)									12.0 (1,*)
16.3 (1,*)									11.1-11.2 (1,*)
16.2 (1,*)									10.1 (1,*)
16.1 (1,*)									9.2 (1,*)
16.0 (1,*)									8.2 (1,*)
15.6-15.8 (1,*)									7.2-7.4 (1,*)
15.5 (1,*)									6.2-6.4 (1,*)
15.4 (1,*)									5.0-5.4 (1,*)
15.2-15.3 (1,*)									4 (1,*)
15.0-15.1 (1,*)
14.5-14.8 (1,*)
14.0-14.4 (1,*)
13.4-13.7 (1,*)
13.3 (1,*)
13.2 (1,*)
13.0-13.1 (1,*)
12.2-12.5 (1,*)
12.0-12.1 (1,*)
11.3-11.4 (1,*)
11.0-11.2 (1,*)
10.3 (1,*)
10.0-10.2 (1,*)
9.3 (1,*)
9.0-9.2 (1,*)
8.1-8.4 (1,*)
8 (1,*)
7.0-7.1 (1,*)
6.0-6.1
5.0-5.1
4.2-4.3
4.0-4.1
3.2

Notes

1. Partial support refers to working for inline elements but not across column or page breaks.

^* Partial support with prefix.

Resources

• MDN Web Docs - CSS box-decoration-break
• Demo of effect on box border
• Chromium bug to unprefix `-webkit-box-decoration-break`
• WebKit position request to support box-decoration-break everywhere without prefix