background-originLastnost določa, kje barvo ozadja: po celotnem elementu, znotraj meje, ali v notranjosti oblazinjenja.
Obstajajo štiri vrednosti: border-box, padding-box, content-boxin inherit. Tu je predstavitev:
Oglejte si predstavitev porekla za ozadje pisala Timothyja Millerja (@tjacobdesign) na CodePen.
background-origin je podoben posnetku v ozadju, le da velikost ozadja namesto da bi ga odrezal.
Zgornji primer je background-size: coverin background-repeat: no-repeattudi uporabljajo. Če ne bi bilo tako, bi se slika ponovila pod obrobo ali oblazinjenjem.
Sorodno
- ozadje-priloga
- posnetek za ozadje
- Barva ozadja
- slika ozadja
- položaj ozadja
- ozadje-ponovitev
- velikost ozadja
Več virov
- CSS3 Spec
- MDN
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Deluje | Deluje |