box-decoration-break

Utilities for controlling how element fragments should be rendered across multiple lines, columns, or pages.

"Utilities for controlling how element fragments should be rendered across multiple lines, columns, or pages.";

Examples

Basic example

Use the box-decoration-slice and box-decoration-clone utilities to control whether properties like background, border, border-image, box-shadow, clip-path, margin, and padding should be rendered as if the element were one continuous fragment, or distinct blocks:

Responsive design