CSS box-decoration-break Property


The box-decoration-break property is used to control the box decoration after fragmentation of paragraph. It defines the background, padding, border, margin, and clip-path of an element that is applied when the box for the element is broken into separated parts.

The box-decoration-break property specifies how the background, padding, border, border-image, box-shadow, margin, and clip-path of an element is applied when the box for the element is fragmented.

Syntax:
box-decoration-break: slice|clone|initial|inherit;

Property values:
slice: This property breaks the edges of the element fragments as a whole.

Example -