background-originWłaściwość określa, gdzie malować tło: poprzek całego elementu, wewnątrz granicy lub wewnątrz wyściółki.
Istnieją cztery wartości: border-box, padding-box, content-boxi inherit. Oto demo:
Zobacz demo Pen Background Origin autorstwa Timothy'ego Millera (@tjacobdesign) na CodePen.
background-origin jest podobny do background-clip, z tym wyjątkiem, że zmienia rozmiar tła, zamiast je przycinać.
Powyższy przykład miał background-size: coveri background-repeat: no-repeatrównież zastosował. Gdyby tak nie było, obraz powtórzyłby się pod obramowaniem lub wypełnieniem.
Związane z
- załącznik w tle
- background-clip
- kolor tła
- zdjęcie w tle
- pozycja tła
- powtarzanie tła
- background-size
Więcej zasobów
- Specyfikacja CSS3
- MDN
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Pracuje | Pracuje |