CSS: box-decoration-break

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

Oznake: box-decoration-breakCSS

Komentiraj


*