Przykład
Ustaw obraz tła w stosunku do zawartości pudełka:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności backgroundOrigin lub zwraca co właściwość background-position jest względem.
Note: Jeśli właściwość background-attachment dla obrazu tła jest "fixed" , ten nie ma żadnego wpływu.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10,5 |
Składnia
Zwraca właściwość backgroundOrigin:
object .style.backgroundOrigin
Ustaw właściwość backgroundOrigin:
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
wartości nieruchomości
Wartość | Opis |
---|---|
padding-box | Domyślna wartość. Tło obrazu jest ustawiony w stosunku do pola dopełnienia |
border-box | Tło obrazu jest ustawiony w stosunku do pola granicznego |
content-box | Tło obrazu jest ustawiony w stosunku do zawartości pudełka |
initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
Domyślna wartość: | padding-box |
---|---|
Zwracana wartość: | Ciąg, stanowiących własność background-origin elementu |
Wersja CSS | CSS3 |
Podobne strony
Odniesienie CSS: background-origin property
<Style obiektu