Przykład
Ustawić obraz tła do no-repeat:
document.body.style.backgroundRepeat = "repeat-y"; Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Zestawy własności backgroundRepeat lub powraca jak powtórzyć (tile) do tła obrazu.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| backgroundRepeat | 1,0 | 4.0 | 1,0 | 1,0 | 3.5 |
Składnia
Zwraca 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
| Wartość | Opis |
|---|---|
| repeat | Tło obrazu jest powtarzany w pionie i w poziomie. Jest to domyślny |
| repeat-x | Tło obrazu jest powtarzany tylko w poziomie |
| repeat-y | Tło obrazu jest powtarzany tylko w pionie |
| no-repeat | Tło-image nie jest powtarzany |
| 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ść: | powtarzać |
|---|---|
| Zwracana wartość: | Ciąg reprezentujący jak background-image jest powtarzany |
| Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Zmień właściwość backgroundRepeat z określonego elementu DIV:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x"; Spróbuj sam " Przykład
Ustawić obraz tła powtórzyć pionowo lub poziomo:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
} Spróbuj sam " Przykład
Zwraca wartość background-repeat dokumentu:
alert(document.body.style.backgroundRepeat); Spróbuj sam " Podobne strony
Kurs CSS: CSS Tło
Odniesienie CSS: background-position property
Odniesienie CSS background-repeat property
Odniesienia HTML DOM: background property
<Style obiektu