Attribut background-clip CSS

Définition et utilisation

background-clip L'attribut définit la zone de dessin de l'arrière-plan.

Veuillez également consulter :

Tutoriel CSS :Arrière-plan CSS、Arrière-plan CSS (avancé)

Manuel de référence HTML DOM :Attribut backgroundClip

Exemple

Définit la zone de dessin de l'arrière-plan :

div
{
background-color:yellow;
background-clip:content-box;
}

Essayez-le vous-même

Grammaire CSS

background-clip: border-box|padding-box|content-box;

Valeur de l'attribut

Valeur Description Test
border-box L'arrière-plan est découpé au cadre de bord. Test
padding-box L'arrière-plan est découpé au cadre de marge interne. Test
content-box L'arrière-plan est découpé au contenu de la boîte. Test

Détails techniques

Valeur par défaut : border-box
Héritabilité : non
Version : CSS3
Grammaire JavaScript : object.style.backgroundClip="content-box"

Prise en charge du navigateur

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

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5