Proprietà backgroundSize Style

Definizione e uso

backgroundSize Impostazione o restituzione della dimensione dell'immagine di sfondo dell'attributo.

Vedi anche:

Stili HTML:Proprietà background

Corso CSS:Sfondo CSS

Corso CSS3:Sfondo CSS3

Manuale CSS:Proprietà background-size

Esempio

Definire la dimensione dell'immagine di sfondo:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Prova tu stesso

Sintassi

Restituisce la proprietà backgroundSize:

object.style.backgroundSize

Imposta la proprietà backgroundSize:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

Valore dell'attributo

Valore Descrizione
auto Valore predefinito. L'immagine di sfondo include la sua larghezza e altezza.
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 fornito solo un valore, il secondo viene impostato su "auto".
percentage

Imposta la larghezza e l'altezza dell'immagine di sfondo in percentuale rispetto all'elemento padre.

Il primo valore imposta la larghezza, il secondo valore imposta l'altezza.

Se viene fornito solo un valore, il secondo viene impostato su "auto".
cover

Riduce l'immagine di sfondo il più possibile, in modo che l'area di sfondo sia completamente coperta dall'immagine di sfondo.

Alcuni parti dell'immagine di sfondo potrebbero non essere all'interno dell'area di posizionamento di sfondo.
contain Riduce l'immagine di sfondo alla dimensione massima, in modo che la larghezza e l'altezza si adattino all'area di contenuto.
initial Imposta questa proprietà al suo valore predefinito. Vedi anche initial.
inherit Inherita questa proprietà dal suo elemento padre. Vedi anche inherit.

Dettagli tecnici

Valore predefinito: auto
Valore di ritorno: Stringa che rappresenta l'elemento Proprietà background-size.
Versione CSS: CSS3

Supporto del browser

backgroundSize È una caratteristica CSS3 (1999).

Tutti i browser lo supportano completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supporta Supporta Supporta Supporta Supporta 11