Den background-originegenskap bestemmes hvor å male bakgrunnen: over hele elementet, innenfor grensen, eller på innsiden av polstring.
Det er fire verdier: border-box, padding-box, content-boxog inherit. Her er en demo:
Se pennbakgrunnets opprinnelsesdemo av Timothy Miller (@tjacobdesign) på CodePen.
background-origin ligner på bakgrunnsklipp, bortsett fra at det endrer størrelsen på bakgrunnen i stedet for å klippe den.
Ovennevnte eksempel har background-size: coverog gjelder background-repeat: no-repeatogså. Hvis det ikke var tilfelle, ville bildet gjenta seg under grensen eller polstringen.
I slekt
- bakgrunn-vedlegg
- bakgrunn-klipp
- bakgrunnsfarge
- bakgrunnsbilde
- bakgrunn-posisjon
- bakgrunn-gjenta
- bakgrunnsstørrelse
Flere ressurser
- CSS3 spesifikasjon
- MDN
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10.5+ | 9+ | Virker | Virker |