CSS background-origin egenskab

Definition og brug

background-origin Egenskabsbeskrivelse background-position Egenskaben definerer, hvor baggrundsbilledet placeres relativt til.

Kommentar:hvis baggrundsbilledets background-attachment Egenskaben er "fasthvis der ikke er nogen effekt.

Se også:

CSS undervisning:CSS BaggrundogCSS baggrund (avanceret)

HTML DOM referencehåndbog:backgroundOrigin egenskaben

Eksempel

Placer baggrundsbilledet relativt til indholdskassen:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse Test
padding-box Baggrundsbilledet placeres relativt til indrykningseksken. Test
border-box Baggrundsbilledet placeres relativt til kantekassen. Test
content-box Baggrundsbilledet placeres relativt til indholdskassen. Test

Tekniske detaljer

Standardværdi: padding-box
Arv: no
Version: CSS3
JavaScript syntaks: object.style.backgroundOrigin="content-box"

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.

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