Przykład
Niech obraz tła zacząć od lewego górnego rogu treści:
#example1
{
background:url(img_flwr.gif);
background-repeat: no-repeat;
padding:35px;
background-origin: content-box;
}
Spróbuj sam " Definicja i Wykorzystanie
Właściwość background-origin określa gdzie obraz tła jest ustawiony.
Note: Jeśli właściwość background-attachment jest ustawione na "fixed" , ten nie ma żadnego wpływu.
| Domyślna wartość: | padding-box |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.backgroundOrigin="content-box" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| background-origin | 4,0 | 9,0 | 4,0 | 3,0 | 10,5 |
Składnia CSS
background-origin: padding-box|border-box|content-box|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| padding-box | Domyślna wartość. Tło obrazu zaczyna się od lewego górnego rogu krawędzi dopełnienia | Graj " |
| border-box | Tło obrazu zaczyna się od lewego górnego rogu granicy | Graj " |
| content-box | Tło obrazu zaczyna się od lewego górnego rogu treści | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Tutorial CSS3: CSS3 Tła
HTML DOM referencyjny: backgroundOrigin property