Den background-originegenskapen definierar var att måla bakgrunden: över hela elementet innanför gränsen eller inne i stoppningen.
Det finns fyra värden: border-box, padding-box, content-boxoch inherit. Här är en demo:
Se pennan Bakgrund Ursprung Demo av Timothy Miller (@tjacobdesign) på CodePen.
background-origin liknar bakgrundsklipp, förutom att det ändrar storlek på bakgrunden snarare än att klippa den.
Ovanstående exempel har background-size: coveroch background-repeat: no-repeatäven tillämpats. Om så inte var fallet skulle bilden upprepas under kanten eller vadderingen.
Relaterad
- bakgrundsbilaga
- bakgrund-klipp
- bakgrundsfärg
- bakgrundsbild
- bakgrundsposition
- bakgrund-upprepa
- bakgrundsstorlek
Fler resurser
- CSS3 Spec
- MDN
Webbläsarstöd
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Arbetar | Arbetar |