CSS box-decoration-break

The box-decoration-break property specifies **how backgrounds and borders are drawn when **broken across multiple lines**. This property has two possible values:

Let's see some examples to understand how box-decoration-break works:

Result: This is a long text
that will break into multiple
lines and the background and border
will slice between lines.
Result: This is a long text
that will break into multiple
lines and the background and border
will slice between lines.

In the first example, **with** box-decoration-break: slice, the background and border are **sliced** between lines. In the second example, **with** box-decoration-break: clone, the background and border are **cloned** for each line.