> For the complete documentation index, see [llms.txt](https://codennerd.gitbook.io/cxcss/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codennerd.gitbook.io/cxcss/product-guides/layout/box-decoration.md).

# 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:

```html
<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:

```html
<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.