CSS3 background-size Property

Indiquez la taille d'une image de fond:

div {
    background: url(img_flwr.gif);
    background-size: 80px 60px;
    background-repeat: no-repeat;
}

Plus "Try it Yourself" exemples ci - dessous.

Définition et utilisation

La propriété background-size spécifie la taille des images d'arrière-plan.

Valeur par défaut:	auto
Hérité:	no
Animable:	yes. Read about animatable Try it
Version:	CSS3
Syntaxe JavaScript:	object .style.backgroundSize="60px 120px" Try it

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.

Numbers suivis par -webkit-, -moz-, ou -O- précisent la première version qui a travaillé avec un préfixe.

Propriété
background-size	4.0 1.0 -webkit-	9.0	4.0 3.6 -moz-	4.1 3.0 -webkit-	10.5 10.0 -o-

Valeur	La description	Joue-le
auto	Valeur par défaut. Le background-image contient sa largeur et sa hauteur	Joue-le "
length	Définit la largeur et la hauteur de l'image d'arrière-plan. La première valeur définit la largeur, la deuxième valeur définit la hauteur. Si une seule valeur est donnée, le second est réglé sur "auto"	Joue-le "
percentage	Définit la largeur et la hauteur de l'image d'arrière-plan pour cent de l'élément parent. La première valeur définit la largeur, la deuxième valeur définit la hauteur. Si une seule valeur est donnée, le second est réglé sur "auto"	Joue-le "
cover	Échelle de l'image d'arrière-plan pour être aussi grand que possible de sorte que la zone de fond est complètement recouverte par l'image d'arrière-plan. Certaines parties de l'image d'arrière-plan ne peut pas être en vue dans la zone de positionnement de fond	Joue-le "
contain	Mettre l'image à la plus grande taille tels que les deux sa largeur et sa hauteur peut adapter à l'intérieur de la zone de contenu	Joue-le "
initial	Définit cette propriété à sa valeur par défaut. Lisez à propos initial	Joue-le "
inherit	Hérite cette propriété de son élément parent. Lisez à propos de hériteront