CSS background-origin egenskap

Definition och användning

background-origin Egenskapsbeskrivning background-position Egenskapen positioneras relativt vilken position.

Kommentar:Om bakgrundsbilden har background-attachment Egenskapen är "fast”då har egenskapen ingen effekt.

Se också:

CSS tutorial:CSS bakgrundochCSS bakgrund (avancerad)

HTML DOM referenshandbok:backgroundOrigin egenskapen

Exempel

Positionera bakgrundsbilden relativt innehållsramen:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning Test
padding-box Bakgrundsbilden är positionerad relativt innermarginalramen. Test
border-box Bakgrundsbilden är positionerad relativt ramen. Test
content-box Bakgrundsbilden är positionerad relativt innehållsramen. Test

Tekniska detaljer

Standardvärde: padding-box
Inherranbarhet: no
Version: CSS3
JavaScript-syntax: object.style.backgroundOrigin="content-box"

Webbläsarstöd

Tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.

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