background-originNuosavybė apibrėžia kur dažyti foną: visoje elemento viduje sienos, arba kamšalu viduje.
Yra keturios vertybės: border-box, padding-box, content-boxir inherit. Štai demonstracinė versija:
Peržiūrėkite Timothy Millerio (@tjacobdesign) „Pen Background Origin Demo“ iš „CodePen“.
background-origin yra panašus į fono klipą, išskyrus tai, kad jis keičia fono dydį, o ne nukirpia jį.
Pateiktas pavyzdys yra background-size: coverir background-repeat: no-repeattaip pat taikomos. Jei taip nebuvo, vaizdas pasikartos po kraštu ar paminkštinimu.
Susijęs
- prisirišimas prie fono
- fono klipas
- fono spalva
- fonas-vaizdas
- fonas-padėtis
- fonas pakartoti
- fono dydis
Daugiau išteklių
- CSS3 Spec
- MDN
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Veikia | Veikia |