Den background-originegenskab definerer hvor at male baggrunden: på tværs af hele element, inde grænsen, eller inde i polstring.
Der er fire værdier: border-box, padding-box, content-boxog inherit. Her er en demo:
Se pennens baggrundsoprindelsesdemo af Timothy Miller (@tjacobdesign) på CodePen.
background-origin ligner baggrundsklip, bortset fra at det ændrer størrelsen på baggrunden i stedet for at klippe den.
Ovenstående eksempel har background-size: coverog background-repeat: no-repeatogså anvendt. Hvis det ikke var tilfældet, gentog billedet under grænsen eller polstringen.
Relaterede
- baggrund-vedhæftet fil
- baggrund-klip
- baggrundsfarve
- baggrundsbillede
- baggrund-position
- baggrund-gentagelse
- baggrundsstørrelse
Flere ressourcer
- CSS3 Spec
- MDN
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10.5+ | 9+ | Arbejder | Arbejder |