Propriété CSS box-decoration-break
Exemple
Spécifiez la propriété box-decoration-break :
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;
}
Définition et utilisation
La box-decoration-break
propriété spécifie comment l'arrière-plan, le remplissage, la bordure, l'image de bordure, l'ombre de la boîte, la marge et le chemin de découpe d'un élément sont appliqués lorsque la boîte de l'élément est fragmentée.
Valeur par défaut: | tranche |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Les nombres suivis de -webkit- spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
box-decoration-break | 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
Syntaxe CSS
box-decoration-break: slice|clone|initial|inherit|unset;
Valeurs de propriété
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 |