CSS box-decoration-break egenskab
- side om bunden
- Næste side box-reflect
Definisjon og bruk
box-decoration-break egenskapen definerer hvordan elementets background, padding, border, border-image, box-shadow, margin og clip-path anvendes når elementets ramme deles.
Eksempel
Definerer box-decoration-break egenskapen:
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; }
CSS syntaks
box-decoration-break: slice|clone|initial|inherit|unset;
Egenskapsverdi
Verdi | Beskrivelse |
---|---|
slice | Standard. Bokdekorationer anvendes som en helhet på elementet og bryter ved kantene på elementets deler. |
clone |
Bokdekorationer anvendes på hver del av elementet, akkurat som hver del er en enkelt element. Kantdekorationer omgir hver del av elementet og maler bakgrunnen for hver del fullt ut. |
initial | Sett denne egenskapen til standardverdien. Se også initial. |
inherit | Arv denne egenskapen fra foreldrelementet. Se også inherit. |
Tekniske detaljer
Standardverdi: | slice |
---|---|
Arv: | Nei |
Animasjonsproduksjon: | Ikke støttet. Se også:Animasjonsrelaterte egenskaper. |
Versjon: | CSS3 |
Nettleserstøtte
Tallene i tabellen angiver den første nettleserversjon som fullt ut støtter egenskapen.
Følg -webkit- talstandarder for at bruge præfikset på den første version.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
- side om bunden
- Næste side box-reflect