De background-origineigenschap bepaalt waar de achtergrond moet worden geschilderd: over het hele element, binnen de rand of binnen de opvulling.
Er zijn vier waarden: border-box, padding-box, content-boxen inherit. Hier is een demo:
Zie de Pen Background Origin Demo door Timothy Miller (@tjacobdesign) op CodePen.
background-origin is vergelijkbaar met background-clip, behalve dat de grootte van de achtergrond wordt aangepast in plaats van deze af te knippen.
Bovenstaand voorbeeld is background-size: coveren background-repeat: no-repeatook toegepast. Als dat niet het geval was, zou de afbeelding zich herhalen onder de rand of opvulling.
Verwant
- achtergrond-bijlage
- achtergrond-clip
- Achtergrond kleur
- achtergrond afbeelding
- achtergrond-positie
- achtergrond herhaling
- achtergrondgrootte
Meer middelen
- CSS3 Spec
- MDN
Browser-ondersteuning
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10.5+ | 9+ | Werken | Werken |