Add 'box-decoration-break' CSS property

[bitbruder]

Supported by Firefox, partial support by all major browsers except IE and Edge.

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).
http://caniuse.com/#feat=css-boxdecorationbreak

See the Draft on csswg.org
https://drafts.csswg.org/css-break-3/#break-decoration

See a Demo
http://codepen.io/team/css-tricks/pen/JdyWPr

[molant]

Thanks for your feedback @digital-frood
Is this feature tracked by the chromium dashboard? If so, what will be the id? We use it to get the status for other browsers.

[bitbruder]

Hey @molant,

This feature is (afaik) not tracked by the chromium dashboard.

It is part of the CSS Fragmentation Module Level 3, listed here (§5.4)
https://drafts.csswg.org/css-break-3/

You can find a similar Feature Ticket on the Chromium Dashboard here
https://www.chromestatus.com/feature/5630943616303104

So.. I guess its just a small part of the whole Fragmentation Module. Edge is claiming to have it "shipped" but that is only referring to break-after, break-before and break-inside, not the "Fragmented Borders and Backgrounds" part of the document.

[botic]

I see this CSS feature becoming more popular in various designs, so devs like me are looking if it's supported in Edge. Would be nice to see the status of the support in the list. Can I Use tracks it in a separate section: http://caniuse.com/#search=box-decoration-break

[bitbruder]

Microsoft Edge feature request on UserVoice [wpdev.uservoice.com]

[bitbruder]

Hey @molant,
Chrome seems to be tracking the CSS Fragmentation Module in this Feature (https://www.chromestatus.com/feature/5630943616303104)

But I think that no one is properly tracking the Status of § 5.4. Fragmented Borders and Backgrounds: the box-decoration-break property - Its part of the whole CSS Fragmentation Module Specification, but Chrome is only referring to the Breaks Between Boxes, not the Breaks Between Borders and Backgrounds.

[molant]

Adding @FremyCompany to see how he wants to handle this.

Thanks!