background-originVlastnost určuje, kde malovat pozadí: v celém prvku, uvnitř hranic nebo vnitřní polstrování.
K dispozici jsou čtyři hodnoty: border-box, padding-box, content-boxa inherit. Zde je ukázka:
Podívejte se na ukázku původu pozadí pera od Timothy Millera (@tjacobdesign) na CodePen.
background-origin je podobný klipu na pozadí, kromě toho, že místo ořezání změní velikost pozadí.
Výše uvedený příklad má background-size: covera background-repeat: no-repeattaké platí. Pokud tomu tak nebylo, obraz by se opakoval pod okrajem nebo polstrováním.
Příbuzný
- příloha na pozadí
- klip na pozadí
- barva pozadí
- obrázek na pozadí
- pozice na pozadí
- opakování pozadí
- velikost pozadí
Další zdroje
- CSS3 Spec
- MDN
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Funguje | Funguje |