Powtarzanie tła

Dane w pigułce
Zastosowanie	powtarza ilustrację jako tło elementu
Dziedziczenie	nie
Wartości	repeat, repeat-x, repeat-y, no-repeat
Wartość domyślna	repeat
Przykład	background-image: url(obrazek.gif); background-repeat: repeat-y
Uwagi
Odpowiednik w HTML	n.d.

Aby zdefiniować powtarzanie, należy wpisać w definicji stylu background-repeat : wartość

Polecenie powoduje powtarzanie w specyficzny sposób graficznego tła elementu. Jeśli element jest większy niż tło, powtarzanie pozwala go wypełnić powielanym wielokrotnie obrazem tła.

Tło elementu może się powtarzać tylko w pionie (repeat-y), tylko w poziomie (repeat-x), w obu kierunkach (repeat) lub nie powtarzać się w ogóle (no-repeat). Definiując np. w stylach ciało dokumentu (body), możemy podać następujące, przykładowe polecenie:

Przykłady:

repeat-y | repeat-x | repeat | no-repeat

<table border width="400px">
<tr>
<td style="background-image: url(../grafika/greendot.gif); background-repeat:repeat-y;">Komórka tabeli z zieloną kropką jako tłem Komórka tabeli z zieloną kropką jako tłem Komórka tabeli z zieloną kropką jako tłem Komórka tabeli z zieloną kropką jako tłem </td>
</tr>
</table>

Komórka tabeli z zieloną kropką jako tłem Komórka tabeli z zieloną kropką jako tłem Komórka tabeli z zieloną kropką jako tłem Komórka tabeli z zieloną kropką jako tłem

Interpretacja: Internet Explorer, Mozilla, Opera