A background-origin
tulajdonság meghatározza, hogy hol kell festeni a hátteret: az egész elemen, a határon belül vagy a párnázáson belül.
Négy értékek: border-box
, padding-box
, content-box
és inherit
. Itt egy bemutató:
Lásd Timothy Miller (@tjacobdesign) Pen Background Origin Demo-ját a CodePen-en.
background-origin
hasonló a háttérkliphez, azzal a különbséggel, hogy inkább átméretezi a hátteret, mintsem levágja.
A fenti példa alkalmazható background-size: cover
és background-repeat: no-repeat
alkalmazható is. Ha nem ez lenne a helyzet, akkor a kép megismétlődne a szegély vagy a betét alatt.
Összefüggő
- háttér-kötődés
- háttér-klip
- háttérszín
- háttérkép
- háttér-helyzet
- háttérismétlés
- háttérméret
További források
- CSS3 Spec
- MDN
Böngésző támogatás
Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
---|---|---|---|---|---|---|
1+ | 3+ | 4+ | 10,5+ | 9+ | Művek | Művek |