Atrybut background-repeat CSS

Definicja i użycie

background-repeat Ustawienie property oraz sposób powtarzania obrazu tła.

Domyślnie, obraz tła jest powtarzany zarówno poziomo, jak i pionowo.

Szczegółowe wyjaśnienie

Property background-repeat definiuje tryb powtarzania obrazu.

od oryginalnego obrazu zaczyna się powtarzać, oryginalny obraz jest definiowany przez background-image Definiuje, oraz background-position umieszczony jest.

Zobacz również:

Tutorial CSS:Tło CSS

Podręcznik CSS:Property background-position

Podręcznik HTML DOM:Property backgroundRepeat

Przykład

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

Spróbuj sam!

Wskazówki i komentarze

Wskazówka:Położenie obrazu tła jest ustawiane za pomocą property background-position. Jeśli property background-position nie jest określone, obraz zostanie umieszczony w lewym górnym rogu elementu.

Gramatyka CSS

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

Wartość property

Wartość property

Wartość Opis
repeat Domyślnie. Obraz tła będzie powtarzany zarówno poziomo, jak i pionowo.
repeat-x Obraz tła będzie powtarzany poziomo.
repeat-y Obraz tła będzie powtarzany pionowo.
no-repeat Obraz tła zostanie wyświetlony tylko raz.
inherit Określa, że wartość property background-repeat powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: repeat
Inheredność: nie
Wersja: CSS1
Gramatyka JavaScript: obiekt.style.backgroundRepeat="repeat-y"

Więcej przykładów

Jak powtarzać tło obrazu pionowo
Ten przykład pokazuje, jak powtarzać tło obrazu pionowo.
Jak powtarzać tło obrazu poziomo
Ten przykład pokazuje, jak powtarzać tło obrazu poziomo.
Jak wyświetlić tło obrazu tylko raz
Ten przykład pokazuje, jak wyświetlić tło obrazu tylko raz.

Obsługa przeglądarek

Tabela zawiera numer pierwszej wersji przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5