CSS3 background-size Property

Specificare la dimensione di un'immagine di sfondo:

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

Più "Try it Yourself" esempi di seguito.

Definizione e utilizzo

La proprietà background-size specifica la dimensione delle immagini di sfondo.

Valore di default:	auto
Inherited:	no
animatable:	yes. Read about animatable Try it
Versione:	CSS3
sintassi JavaScript:	object .style.backgroundSize="60px 120px" Try it

I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.

Numeri seguiti da -webkit-, -moz-, o -o- specificare la prima versione che ha lavorato con un prefisso.

Proprietà
background-size	4.0 1.0 -webkit-	9.0	4.0 3.6 -moz-	4.1 3.0 -webkit-	10.5 10.0 -o-

Valore	Descrizione	Gioca
auto	Valore di default. L'immagine di sfondo contiene la larghezza e l'altezza	Gioca "
length	Imposta la larghezza e l'altezza dell'immagine di sfondo. Il primo valore imposta la larghezza, il secondo valore imposta l'altezza. Se viene dato un solo valore, il secondo è impostato su "auto"	Gioca "
percentage	Imposta la larghezza e l'altezza dell'immagine di sfondo in percentuale dell'elemento genitore. Il primo valore imposta la larghezza, il secondo valore imposta l'altezza. Se viene dato un solo valore, il secondo è impostato su "auto"	Gioca "
cover	Scala l'immagine di sfondo per essere il più grande possibile in modo che l'area di sfondo è completamente coperta dalla immagine di sfondo. Alcune parti dell'immagine di sfondo non possono essere in vista all'interno del fondo dell'area di posizionamento	Gioca "
contain	Scalare l'immagine alla dimensione più grande in modo che sia la sua larghezza e la sua altezza può andare bene all'interno dell'area contenuti	Gioca "
initial	Consente di impostare questa proprietà al suo valore di default. Leggi iniziale	Gioca "
inherit	Eredita questo immobile dal suo elemento genitore. Leggi su erediterà