manuel de référence CSS

règles CSS (RULES)

大全 des propriétés CSS

CSS background-Attribut color CSS background-Attribut attachment

CSS3 background-Méthode d'utilisation et exemple de la propriété clip

CSS background-La propriété clip spécifie le fond (couleur ou image) de l'élément, et s'il s'étend sous ses limites.

Le tableau suivant résume l'utilisation et l'historique des versions de cet attribut.

Valeur par défaut :	border-box
Applicable à :	tous les éléments. Il est également applicable à::first-letteret::first-line.
Héritage :	Non
Animable :	Non.Voir également Attributs d'animation.
Version :	CSS3nouvelle fonctionnalité
JavaScript Syntaxe:	object　　　object.style.backgroundClip="content-box"

background-Syntaxe de l'utilisation de clip

La syntaxe de cet attribut est la suivante :

background-clip: border-box | padding-box | content-box | initial | inherit

Les exemples suivants montrent comment utiliser background-Attribut clip

Exemple

.box {
　　　　width:　250px;
　　　　height:　150px;
　　　　padding:　10px;
　　　　border:　6px dashed #333;
　　　　background: orange;
　　　　background-clip: content-box;
}

Vérifiez pour voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

Valeur	Description
border-box	Spécifiez que le fond s'étend à l'extérieur des bords. Le fond est dessiné sous les bords. C'est la valeur par défaut.
padding-box	Spécifiez que le fond s'étend à l'extérieur des bords de remplissage. Le fond n'est pas dessiné sous les bords.
content-box	Spécifiez que le fond est dessiné uniquement à l'intérieur de la boîte de contenu (c coupé). Le fond n'est pas dessiné sous la marge et la zone de remplissage.
initial	Définir cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise le background de son élément parent-Valeur calculée de l'attribut clip.

Compatibilité des navigateurs

background-Compatibilité des navigateurs pour l'attribut clip, tous les navigateurs populaires prennent en charge cet attribut.

	Firefox 4+ Google Chrome4+ Internet Explorer 9+ Apple Safari 3+ Opera 10.5+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS3Arrière-plan,CSS3Arrière-plan.

Attributs associés :background,background-attachment,background-color,background-image,background-origin,background-position,background-repeat,background-size.

CSS background-Attribut color CSS background-Attribut attachment