CSS box-decoration-break egenskap

Definition och användning

box-decoration-break egenskapen definierar hur elements ram ska tillämpa elements bakgrund, padding, kant, border-image, box-shadow, margin och clip-path när elementet delas upp.

Exempel

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

Prova själv

CSS syntax

box-decoration-break: slice|clone|initial|inherit|unset;

Egenskapsvärde

Värde Beskrivning
slice Standard. Ramdekorationer tillämpas som en helhet på elementet och bryts vid kanterna av elementets delar.
clone

Ramdekorationer tillämpas på varje del av elementet, som om varje del var ett enskilt element.

Kanten av varje del av elementet omges av en ram och bakgrunden på varje del ritar om helt.
initial Sätt detta egenskap till dess standardvärde. Se initial.
inherit Inheritera detta egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: slice
Ärvnad: Nej
Animation tillverkning: Inte stödd. Se:Animation relaterade egenskaper.
Version: CSS3

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarversion som helt stöder detta egenskap.

Följ det första numret som används som prefix för den första versionen efter -webkit-.

Chrome IE / Edge Firefox Safari Opera
22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-