CSS značka “box-decoration-break” definira, kako se posamezni fragmenti elementa obnašajo, če so razdeljeni na več vrstic, stolpcev ali strani.

“box-decoration-break” tako vpliva na vrednosti, kot so background, padding, border, border-image, box-shadow, margin, in clip-path, ki se prenašajo v primeru fragmentacije.

Vrednosti CSS značke “box-decoration-break”:

• SLICE: privzeta vrednost
• CLONE: Vsak fragmentiran element ima enake vrednosti
• INITIAL
• INHERIT

Primer kode:

h1 {
max-width: 200px;
font-family: arial;
}

h1 span {
background: #f60;
color: #fff;
padding: 16px 16px;
line-height: 1.6;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}