Styl tłaPowtórz właściwość
Przykład
Ustaw obraz tła bez powtarzania:
document.body.style.backgroundRepeat = "repeat-y";
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość backgroundRepeat ustawia lub zwraca sposób powtarzania (kafelkowania) obrazu tła.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Składnia
Zwróć właściwość backgroundRepeat:
object.style.backgroundRepeat
Ustaw właściwość backgroundRepeat:
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
repeat | The background image is repeated both vertically and horizontally. This is default |
repeat-x | The background image is only repeated horizontally |
repeat-y | The background image is only repeated vertically |
no-repeat | The background-image is not repeated |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | powtarzać |
---|---|
Wartość zwrotu: | String, reprezentujący sposób powtarzania obrazu tła |
Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Zmień właściwość backgroundRepeat określonego elementu DIV:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
Przykład
Ustaw obraz tła, aby powtarzał się w poziomie lub w pionie:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
Przykład
Zwróć wartość background-repeat dokumentu:
alert(document.body.style.backgroundRepeat);
Powiązane strony
Samouczek CSS: Tło CSS
Odniesienie CSS: właściwość background-position
Odniesienie CSS: właściwość background-repeat
Dokumentacja HTML DOM: właściwość tła