Attributo backgroundOrigin Style

Definizione e uso

backgroundOrigin L'attributo specifica quale posizione viene utilizzata per posizionare l'attributo background-position.

Nota:Se l'attributo background-attachment dell'immagine di sfondo è "fixed"se questo attributo non ha effetto.

Esempio

Posiziona l'immagine di sfondo rispetto al riquadro del contenuto:

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

Prova tu stesso

Sintassi

Restituisce l'attributo backgroundOrigin:

object.style.backgroundOrigin

Imposta l'attributo backgroundOrigin:

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

Valore dell'attributo

Valore Descrizione
padding-box Valore predefinito. L'immagine di sfondo è posizionata rispetto al riquadro del margine.
border-box L'immagine di sfondo è posizionata rispetto al riquadro dei bordi.
content-box L'immagine di sfondo è posizionata rispetto al riquadro del contenuto.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Eredità di questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: padding-box
Valore di ritorno: Stringa che rappresenta l'elemento Proprietà background-origin.
Versione CSS: CSS3

Supporto del browser

backgroundOrigin È una caratteristica di CSS3 (1999).

Tutti i browser lo supportano completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supporto Supporto Supporto Supporto Supporto 11

Pagine correlate

Manuale di riferimento CSS:Proprietà background-origin