📪Box Decoration

.box-slice

Sets the box decoration break behavior to slice, indicating that the box decoration should be sliced at the edges of the element.

CSS equivalent: box-decoration-break: slice;

Example usage:

<div class="box-slice">This element has the box decoration sliced at its edges.</div>

---

.box-clone

Sets the box decoration break behavior to clone, indicating that the box decoration should be cloned for each line of the element.

CSS equivalent: box-decoration-break: clone;

Example usage:

<div class="box-clone">This element has the box decoration cloned for each line.</div>

---

These classes allow you to control the behavior of box decorations (such as borders, backgrounds, and outlines) when they encounter line breaks within an element. Use them to achieve desired visual effects and consistency in the rendering of box decorations.