background-origin
Vara määratletakse kui värvida taust: kogu element, seespool või sees polster.
Seal on neli väärtust: border-box
, padding-box
, content-box
ja inherit
. Siin on demo:
Vaadake CodePeni saidil Timothy Milleri (@tjacobdesign) pliiatsi tausta päritolu demot.
background-origin
on sarnane taustalõikega, välja arvatud see, et see muudab tausta pigem selle asemel, et seda lõikaks.
Ülaltoodud näide on kehtinud background-size: cover
ja seda on background-repeat: no-repeat
ka kasutatud. Kui see nii ei oleks, korduks pilt piiri või polsterduse all.
Seotud
- taust-kinnitus
- taustklipp
- taustavärv
- taustapilt
- taust-positsioon
- taust-kordus
- tausta suurus
Rohkem ressursse
- CSS3 spetsifikatsioon
- MDN
Brauseri tugi
Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
---|---|---|---|---|---|---|
1+ | 3+ | 4+ | 10,5+ | 9+ | Töötab | Töötab |