Permet de définir les limites de l'arrière-plan à l'intérieur de la boîte représentée par l'élément.

Syntaxe

 background-clip: [border|padding|content];

Valeures possibles

•     "border" : L'arrière plan s'étend jusqu'a l'extrême limite de la bordure
•     "padding" : Aucun arrière-plan sera présent en-dessous de la bordure : l'extrême limite sera celle du padding
•     "content" : L'arrière plan se limite au contenu

Illustration : le fond se limite au contenu

Code source :

div {
  background-image: url("soif.jpg");
  background-clip: content;
}

---

Illustration : le fond est présent même sous les bordures :

Code source :

div {
  border:5px dotted #393838;
  background-image: url(soif.jpg);
  background-clip: border;
}

---

Exemple : le fond se limite aux marges internes (padding) :

Code source :

div {
  background-image: url("soif.jpg");
  background-clip: padding;
}

Démonstration

Prise en charge

Navigateurs	Versions
	Safari 3+

Le préfixe -moz-, -webkit-, -ms- ou -o- pourra être requis pour les navigateurs utilisant des pré-versions de cette propriété.