background-originOminaisuus määrittää missä maalata taustan: koko elementin sisällä rajalla tai sisällä täyte.
On neljä arvoa: border-box, padding-box, content-boxja inherit. Tässä esittely:
Katso Timothy Millerin (@tjacobdesign) Pen Pen Origin Demo -koodin CodePenistä.
background-origin on samanlainen kuin taustaleike, paitsi että se muuttaa taustan kokoa sen sijaan, että leikkaa sen.
Yllä olevassa esimerkissä on background-size: coverja background-repeat: no-repeatmyös sovellettu. Jos näin ei ole, kuva toistuu reunan tai pehmusteen alla.
Liittyvät
- tausta-kiinnitys
- taustaleike
- taustaväri
- taustakuva
- taustan sijainti
- tausta-toisto
- taustakoko
Lisää resursseja
- CSS3 Spec
- MDN
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Toimii | Toimii |