CSS3 background-size Property

Precizarea dimensiunii unei imagini de fundal:

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

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

Proprietatea background-size specifică dimensiunea imaginilor de fundal.

Valoare implicită:	auto
Mostenit:	no
Animatable:	yes. Read about animatable Try it
Versiune:	CSS3
sintaxa JavaScript:	object .style.backgroundSize="60px 120px" Try it

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.

Numerele urmat de -webkit-, -moz- sau -o- specificați prima versiune care a lucrat cu un prefix.

Proprietate
background-size	4 1.0 -webkit-	9	4 3.6 -moz-	4.1 3.0 -webkit-	10.5 10.0 -o-

background-size: auto| Valori de proprietate

Valoare	Descriere	Joaca-l
auto	Valoare implicită. Fundalul imaginii conține lățimea și înălțimea	Joaca - l »
length	Setează lățimea și înălțimea imaginii de fundal. Prima valoare stabilește lățimea, a doua valoare setează înălțimea. În cazul în care este dat doar o singură valoare, al doilea este setat la "auto"	Joaca - l »
percentage	Setează lățimea și înălțimea imaginii de fundal în procente a elementului mamă. Prima valoare stabilește lățimea, a doua valoare setează înălțimea. În cazul în care este dat doar o singură valoare, al doilea este setat la "auto"	Joaca - l »
cover	Scalarea imaginea de fundal să fie cât mai mare posibil, astfel încât zona de fundal este complet acoperit de imaginea de fundal. Unele părți ale imaginii de fundal nu poate fi, având în vedere în zona de poziționare de fundal	Joaca - l »
contain	Scalarea imaginii la cea mai mare dimensiune, astfel încât atât lățimea și înălțimea sa poate încăpea în interiorul zonei de conținut	Joaca - l »
initial	Setează această proprietate la valoarea implicită. Citiți despre inițială	Joaca - l »
inherit	Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc