background-originSvojstvo definira gdje slikati pozadinu: u cijeloj elementa, unutar granica, ili unutar padding.
Postoje četiri vrste: border-box, padding-box, content-boxi inherit. Evo demonstracije:
Pogledajte demo pozadine podrijetla olovke Timothyja Millera (@tjacobdesign) na CodePenu.
background-origin je sličan pozadinskom isječku, samo što mijenja veličinu pozadine umjesto da je izrezuje.
Gornji primjer je background-size: coveri background-repeat: no-repeatprimijenjen. Ako to nije bio slučaj, slika bi se ponovila ispod obruba ili podloga.
Povezano
- pozadina-prilog
- pozadina-isječak
- boja pozadine
- pozadinska slika
- pozadinski položaj
- pozadina-ponavljanje
- veličina pozadine
Više resursa
- CSS3 Spec
- MDN
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Djela | Djela |