The box-decoration-break property specifies When a break (page/column/region/line) splits a box, the property controls: 1. Whether the box's margins, borders, padding, and other decorations wrap the broken edges of the box fragments. 2. How the background positioning area is derived from the box fragments and how the element's background is drawn within them.

  • Initial valueslice
  • Applies toAll elements
  • InheritedNo
  • MediaVisual
  • Computed valueAs specified
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.boxDecorationBreak
Formal syntax: slice | clone

box-decoration-break: slice;
box-decoration-break: clone;
  • sliceNo border and no padding are inserted at a break; no box-shadow is drawn at a broken edge; border-radius does not apply to its corners; and backgrounds and the border-image are rendered for the whole box as if the box were unbroken.
  • cloneEach box fragment is independently wrapped with the border and padding. The border-radius and border-image and box-shadow, if any, are applied to each fragment independently. The background is drawn independently in each fragment of the element.
.class {
   box-decoration-break: slice;
}
?Firefox?Explorer?Chrome?Safari?Opera


Last updated on 8th April 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.