CSS Click Chart

Box Decoration Break

Lets you determine how the browser should handle elements that have their margins, borders, padding, etc. split by page breaks, column breaks, regions, etc.

Specification

Fragmented Borders and Backgrounds on W3C

Example Code

Live Demonstration

Notice the difference in the way the linear gradient breaks from line to line:

Example of
box-decoration-break:
slice
Example of
box-decoration-break:
clone

Browser Support

Can I Use css-boxdecorationbreak? Data on support for the box-decoration-break feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles