CSS box-decoration-break
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 | http://www.w3.org/TR/css3-break/#break-decoration |
---|---|
Status | W3C Working Draft |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
57 | 62 (1,*) | ||||
56 | 61 (1,*) | TP (1,*) | 48 (1,*) | ||
16 | 55 | 60 (1,*) | 11 (1,*) | 47 (1,*) | |
11 | 15 | 54 | 59 (1,*) | 10.1 (1,*) | 46 (1,*) |
10 | 14 | 53 | 58 (1,*) | 10 (1,*) | 45 (1,*) |
9 | 13 | 52 | 57 (1,*) | 9.1 (1,*) | 44 (1,*) |
8 | 12 | 51 | 56 (1,*) | 9 (1,*) | 43 (1,*) |
Show all | |||||
7 | 50 | 55 (1,*) | 8 (1,*) | 42 (1,*) | |
6 | 49 | 54 (1,*) | 7.1 (1,*) | 41 (1,*) | |
5.5 | 48 | 53 (1,*) | 7 (1,*) | 40 (1,*) | |
47 | 52 (1,*) | 6.1 (1,*) | 39 (1,*) | ||
46 | 51 (1,*) | 6 | 38 (1,*) | ||
45 | 50 (1,*) | 5.1 | 37 (1,*) | ||
44 | 49 (1,*) | 5 | 36 (1,*) | ||
43 | 48 (1,*) | 4 | 35 (1,*) | ||
42 | 47 (1,*) | 3.2 | 34 (1,*) | ||
41 | 46 (1,*) | 3.1 | 33 (1,*) | ||
40 | 45 (1,*) | 32 (1,*) | |||
39 | 44 (1,*) | 31 (1,*) | |||
38 | 43 (1,*) | 30 (1,*) | |||
37 | 42 (1,*) | 29 (1,*) | |||
36 | 41 (1,*) | 28 (1,*) | |||
35 | 40 (1,*) | 27 (1,*) | |||
34 | 39 (1,*) | 26 (1,*) | |||
33 | 38 (1,*) | 25 (1,*) | |||
32 | 37 (1,*) | 24 (1,*) | |||
31 | 36 (1,*) | 23 (1,*) | |||
30 | 35 (1,*) | 22 (1,*) | |||
29 | 34 (1,*) | 21 (1,*) | |||
28 | 33 (1,*) | 20 (1,*) | |||
27 | 32 (1,*) | 19 (1,*) | |||
26 | 31 (1,*) | 18 (1,*) | |||
25 | 30 (1,*) | 17 (1,*) | |||
24 | 29 (1,*) | 16 (1,*) | |||
23 | 28 (1,*) | 15 (1,*) | |||
22 | 27 (1,*) | 12.1 (1) | |||
21 | 26 (1,*) | 12 (1) | |||
20 | 25 (1,*) | 11.6 (1) | |||
19 | 24 (1,*) | 11.5 (1) | |||
18 | 23 (1,*) | 11.1 (1) | |||
17 | 22 (1,*) | 11 (1) | |||
16 | 21 | 10.6 | |||
15 | 20 | 10.5 | |||
14 | 19 | 10.0-10.1 | |||
13 | 18 | 9.5-9.6 | |||
12 | 17 | 9 | |||
11 | 16 | ||||
10 | 15 | ||||
9 | 14 | ||||
8 | 13 | ||||
7 | 12 | ||||
6 | 11 | ||||
5 | 10 | ||||
4 | 9 | ||||
3.6 | 8 | ||||
3.5 | 7 | ||||
3 | 6 | ||||
2 | 5 | ||||
4 |
iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|
11 (1,*) | |||||||||||
10.3 (1,*) | all (1) | 56 (1,*) | 10 (1,*) | 37 (1,*) | 59 (1,*) | 54 | 11 | 11.4 | 5 (1,*) | 1.2 (1,*) | 7.12 (1,*) |
10.0-10.2 (1,*) | 4.4.3-4.4.4 (1,*) | 7 | 12.1 (1) | 10 | 4 (1,*) | ||||||
9.3 (1,*) | 4.4 (1,*) | 12 (1) | |||||||||
9.0-9.2 (1,*) | 4.2-4.3 | 11.5 (1) | |||||||||
Show all | |||||||||||
8.1-8.4 (1,*) | 4.1 | 11.1 (1) | |||||||||
8 (1,*) | 4 | 11 (1) | |||||||||
7.0-7.1 (1,*) | 3 | 10 | |||||||||
6.0-6.1 | 2.3 | ||||||||||
5.0-5.1 | 2.2 | ||||||||||
4.2-4.3 | 2.1 | ||||||||||
4.0-4.1 | |||||||||||
3.2 |
Notes
Partial support refers to working for inline elements but not across column or page breaks.
- * Partial support with prefix.
Resources
- Mozilla Developer Network (MDN) documentation - CSS box-decoration-break
- Demo of effect on box border
- Microsoft Edge feature request on UserVoice
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-boxdecorationbreak