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;
}