Esempio
Posizionare l'immagine di sfondo rispetto alla scatola contenuti:
document.getElementById("myDIV").style.backgroundOrigin = "content-box"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà backgroundOrigin o restituisce ciò che la proprietà background-position è relativo.
Note: Se la proprietà background-attachment per l'immagine di sfondo è "fixed" , questa proprietà non ha alcun effetto.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Sintassi
Restituire la proprietà backgroundOrigin:
object .style.backgroundOrigin
Impostare la proprietà backgroundOrigin:
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| padding-box | Valore di default. L'immagine di sfondo è posizionato rispetto alla scatola imbottitura |
| border-box | L'immagine di sfondo è posizionato rispetto al bordo casella |
| content-box | L'immagine di sfondo è posizionato rispetto alla scatola di contenuti |
| 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: | padding-box |
|---|---|
| Valore di ritorno: | A String, che rappresenta la proprietà background-origine di un elemento |
| CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: background-origin property
<Stile di oggetto