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 Working Draft

IE	Edge	Firefox	Chrome	Safari	Opera
			98 (1,*)
		95	97 (1,*)
		94	96 (1,*)	TP (1,*)
11	95 (1,*)	93	95 (1,*)	15 (1,*)	80 (1,*)
10	94 (1,*)	92	94 (1,*)	14.1 (1,*)	79 (1,*)
9	93 (1,*)	91	93 (1,*)	14 (1,*)	78 (1,*)
8	92 (1,*)	90	92 (1,*)	13.1 (1,*)	77 (1,*)
Show all
7	91 (1,*)	89	91 (1,*)	13 (1,*)	76 (1,*)
6	90 (1,*)	88	90 (1,*)	12.1 (1,*)	75 (1,*)
5.5	89 (1,*)	87	89 (1,*)	12 (1,*)	74 (1,*)
	88 (1,*)	86	88 (1,*)	11.1 (1,*)	73 (1,*)
	87 (1,*)	85	87 (1,*)	11 (1,*)	72 (1,*)
	86 (1,*)	84	86 (1,*)	10.1 (1,*)	71 (1,*)
	85 (1,*)	83	85 (1,*)	10 (1,*)	70 (1,*)
	84 (1,*)	82	84 (1,*)	9.1 (1,*)	69 (1,*)
	83 (1,*)	81	83 (1,*)	9 (1,*)	68 (1,*)
	81 (1,*)	80	81 (1,*)	8 (1,*)	67 (1,*)
	80 (1,*)	79	80 (1,*)	7.1 (1,*)	66 (1,*)
	79 (1,*)	78	79 (1,*)	7 (1,*)	65 (1,*)
	18	77	78 (1,*)	6.1 (1,*)	64 (1,*)
	17	76	77 (1,*)	6	63 (1,*)
	16	75	76 (1,*)	5.1	62 (1,*)
	15	74	75 (1,*)	5	60 (1,*)
	14	73	74 (1,*)	4	58 (1,*)
	13	72	73 (1,*)	3.2	57 (1,*)
	12	71	72 (1,*)	3.1	56 (1,*)
		70	71 (1,*)		55 (1,*)
		69	70 (1,*)		54 (1,*)
		68	69 (1,*)		53 (1,*)
		67	68 (1,*)		52 (1,*)
		66	67 (1,*)		51 (1,*)
		65	66 (1,*)		50 (1,*)
		64	65 (1,*)		49 (1,*)
		63	64 (1,*)		48 (1,*)
		62	63 (1,*)		47 (1,*)
		61	62 (1,*)		46 (1,*)
		60	61 (1,*)		45 (1,*)
		59	60 (1,*)		44 (1,*)
		58	59 (1,*)		43 (1,*)
		57	58 (1,*)		42 (1,*)
		56	57 (1,*)		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 (1,*)
		48	49 (1,*)		33 (1,*)
		47	48 (1,*)		32 (1,*)
		46	47 (1,*)		31 (1,*)
		45	46 (1,*)		30 (1,*)
		44	45 (1,*)		29 (1,*)
		43	44 (1,*)		28 (1,*)
		42	43 (1,*)		27 (1,*)
		41	42 (1,*)		26 (1,*)
		40	41 (1,*)		25 (1,*)
		39	40 (1,*)		24 (1,*)
		38	39 (1,*)		23 (1,*)
		37	38 (1,*)		22 (1,*)
		36	37 (1,*)		21 (1,*)
		35	36 (1,*)		20 (1,*)
		34	35 (1,*)		19 (1,*)
		33	34 (1,*)		18 (1,*)
		32	33 (1,*)		17 (1,*)
		31	32 (1,*)		16 (1,*)
		30	31 (1,*)		15 (1,*)
		29	30 (1,*)		12.1 (1)
		28	29 (1,*)		12 (1)
		27	28 (1,*)		11.6 (1)
		26	27 (1,*)		11.5 (1)
		25	26 (1,*)		11.1 (1)
		24	25 (1,*)		11 (1)
		23	24 (1,*)		10.6
		22	23 (1,*)		10.5
		21	22 (1,*)		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 (1,*)	all (1)	94 (1,*)	10 (1,*)	64 (1,*)	94 (1,*)	92	11	12.12	15.0 (1,*)	10.4 (1,*)	7.12 (1,*)	2.5
14.5-14.8 (1,*)		4.4.3-4.4.4 (1,*)	7	12.1 (1)			10		14.0 (1,*)
14.0-14.4 (1,*)		4.4 (1,*)		12 (1)					13.0 (1,*)
13.4-13.7 (1,*)		4.2-4.3		11.5 (1)					12.0 (1,*)
Show all
13.3 (1,*)		4.1		11.1 (1)					11.1-11.2 (1,*)
13.2 (1,*)		4		11 (1)					10.1 (1,*)
13.0-13.1 (1,*)		3		10					9.2 (1,*)
12.2-12.5 (1,*)		2.3							8.2 (1,*)
12.0-12.1 (1,*)		2.2							7.2-7.4 (1,*)
11.3-11.4 (1,*)		2.1							6.2-6.4 (1,*)
11.0-11.2 (1,*)									5.0-5.4 (1,*)
10.3 (1,*)									4 (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
• Microsoft Edge feature request on UserVoice
• Chromium bug to unprefix `-webkit-box-decoration-break`