Táto background-originvlastnosť definuje, kde sa má maľovať pozadie: cez celý prvok, cez orámovanie alebo po výplni.
K dispozícii sú štyri hodnoty: border-box, padding-box, content-boxa inherit. Tu je ukážka:
Prezrite si ukážku pôvodu pera na pozadí od Timothy Millera (@tjacobdesign) na stránkach CodePen.
background-origin je podobný klipu na pozadí, ibaže namiesto orezania zmení veľkosť pozadia.
Vyššie uvedený príklad sa uplatnil background-size: covera background-repeat: no-repeattiež uplatňuje. Keby to tak nebolo, obraz by sa opakoval pod okrajom alebo výplňou.
Súvisiace
- príloha na pozadí
- klip na pozadie
- farba pozadia
- obrázok na pozadí
- Pozícia na pozadí
- opakovanie pozadia
- veľkosť pozadia
Ďalšie zdroje
- CSS3 Spec
- MDN
Podpora prehľadávača
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Tvorba | Tvorba |