CSS box-decoration-break- Eigenschaft
Beispiel
Geben Sie die Eigenschaft box-decoration-break an:
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;
}
Definition und Verwendung
Die box-decoration-break
Eigenschaft gibt an, wie der Hintergrund, die Polsterung, der Rahmen, das Rahmenbild, der Rahmenschatten, der Rand und der Beschneidungspfad eines Elements angewendet werden, wenn der Rahmen für das Element fragmentiert wird.
Standardwert: | Scheibe |
---|---|
Vererbt: | Nein |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von -webkit- geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
box-decoration-break | 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
CSS-Syntax
box-decoration-break: slice|clone|initial|inherit|unset;
Eigenschaftswerte
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 |