Attribut box-decoration-break CSS

Définition et utilisation

La propriété box-decoration-break détermine comment appliquer les valeurs de background, padding, border, border-image, box-shadow, margin et clip-path de l'élément lorsque la boîte de l'élément est segmentée.

Exemple

Définir 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;
}

Essayez-le vous-même

Syntaxe CSS

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

Valeur de l'attribut

Valeur Description
slice Par défaut. La décoration de boîte est appliquée à l'élément dans son intégralité et se casse aux bords des segments de l'élément.
clone

La décoration de boîte s'applique à chaque segment de l'élément, comme si chaque segment était un élément unique.

Les quatre bords de chaque segment de l'élément sont enveloppés par la bordure, et le fond de chaque segment est redessiné en totalité.
initial Règle cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : slice
Héritage : Non
Réalisation de l'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété en totalité.

Utilisez la première version avec préfixe avant les nombres suivant la règle de -webkit-.

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