CSS box-decoration-break Eigenschap
Voorbeeld
Geef de eigenschap box-decoration-break op:
span.ex1 {
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break:
clone;
}
span.ex2 {
-webkit-box-decoration-break: slice;
-o-box-decoration-break: slice;
box-decoration-break:
slice;
}
Definitie en gebruik
De box-decoration-break
eigenschap specificeert hoe de achtergrond, opvulling, rand, randafbeelding, kaderschaduw, marge en clippad van een element worden toegepast wanneer het kader voor het element gefragmenteerd is.
Standaardwaarde: | plak |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door -webkit- specificeren de eerste versie die met een prefix werkte.
Property | |||||
---|---|---|---|---|---|
box-decoration-break | 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
CSS-syntaxis
box-decoration-break: slice|clone|initial|inherit|unset;
Eigendomswaarden
Value | Description |
---|---|
slice | Default. Box decorations are applied to the element as a whole and break at the edges of the element fragments |
clone | Box decorations apply to each fragment of the element as if the fragments were individual elements. Borders wrap the four edges of each fragment of the element, and backgrounds are redrawn in full for each fragment |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |