Tematy: background-size | background-origin | background-clip
| Dane w pigułce | |
| Zastosowanie | Definiuje zakres pojemnika zajmowany przez tło |
| Dziedziczenie | nie |
| Wartości | border-box, padding-box, content-box |
| Wartość domyślna | border-box |
| Przykład | background-origin: padding-box |
| Składnia JavaScript | object.style.backgroundOrigin="padding-box" |
Aby zdefiniować zajmowaną część, należy wpisać w definicji stylu background-origin : wartość
Obraz, zależnie od wartości, jest zwężany lub rozszerzany - porównaj to z background-clip, gdzie obraz ma zadaną wielkość, ale może być przycinany.
Wartość border-box powoduje, że obraz tła zajmuje całą powierzchnię pojemnika, łącznie z odstępem padding i obramowaniem border, aczkolwiek pod obramowaniem nie jest widoczny.
Wartość padding-box powoduje, że obraz tła zajmuje powierzchnię pojemnika razem z odstępem, ale bez obramowania.
Wartość content-box powoduje, że obraz tła zajmuje powierzchnię pod treścią pojemnika, bez odstępu i obramowania.
Ilustracja dla osób, których przeglądarka nie obsługuje polecenia:
Interpretacja: Opera, Chrome, Safari, Firefox 4, Internet Explorer 9.
