Proprietà background-origin CSS

Definizione e uso

background-origin Regola dell'attributo background-position L'attributo si posiziona rispetto a quale posizione.

Nota:Se l'immagine di sfondo background-attachment L'attributo è "fixed“”, allora l'attributo non ha effetto.

Vedi anche:

Corso CSS:Sfondo CSS、Sfondo CSS (avanzato)

Manuale HTML DOM:Proprietà backgroundOrigin

Esempio

Posizionamento dell'immagine di sfondo rispetto al riquadro del contenuto:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

Prova tu stesso

Sintassi CSS

background-origin: padding-box|border-box|content-box;

Valore dell'attributo

Valore Descrizione Test
padding-box La posizione dell'immagine di sfondo è determinata rispetto al riquadro del margine interno. Test
border-box La posizione dell'immagine di sfondo è determinata rispetto al riquadro dei bordi. Test
content-box La posizione dell'immagine di sfondo è determinata rispetto al riquadro del contenuto. Test

Dettagli tecnici

Valore predefinito: padding-box
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.backgroundOrigin="content-box"

Supporto del browser

La tabella indica la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5