Esempio
Cambiare la posizione di un background-image:
document.body.style.backgroundPosition = "top right"; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Gli insiemi di proprietà backgroundPosition o restituisce la posizione di un background-image all'interno di un elemento.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| backgroundPosition | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintassi
Restituire la proprietà backgroundPosition:
object .style.backgroundPosition
Impostare la proprietà backgroundPosition:
object .style.backgroundPosition= value I valori delle proprietà
| Valore | Descrizione |
|---|---|
| top left top center top right center left center center center right bottom left bottom center bottom right | Se si specifica solo una parola chiave, l'altro valore sarà "center" . |
| x% y% | Il valore x indica la posizione orizzontale e il valore y indica la posizione verticale. L'angolo in alto a sinistra è 0% 0%. L'angolo in basso a destra è al 100% al 100%. Se si specifica un solo valore, l'altro valore sarà pari al 50%. |
| xpos ypos | Il valore x indica la posizione orizzontale e il valore y indica la posizione verticale. L'angolo in alto a sinistra è 0 a 0. Le unità possono essere pixel (0px 0px) o qualsiasi altra unità CSS. Se si specifica un solo valore, l'altro valore sarà pari al 50%. È possibile combinare% e le unità |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | 0% 0% |
|---|---|
| Valore di ritorno: | A String, che rappresenta la posizione di un background-image |
| CSS Version | CSS1 |
Altri esempi
Esempio
Modificare la posizione del background-image in un <div> elemento al basso al centro:
document.getElementById("myDiv").style.backgroundPosition = "center bottom"; Prova tu stesso " Esempio
Modificare la posizione del background-image in un <div> elemento di 200px orizzontale e verticale 40px:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Prova tu stesso " Esempio
Restituisce la posizione del background-image in un <div> elemento:
document.getElementById("myDiv").style.backgroundPosition;
Prova tu stesso " Pagine correlate
CSS tutorial: Sfondo CSS
Di riferimento CSS: background-image property
Di riferimento CSS: background-position property
Di riferimento HTML DOM: background property
<Stile di oggetto