CSS background-repeatEigenschaft

Beispiel

Nur das background-image in vertikaler Richtung wiederholen:

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

Tag-Definition und Verwendungshinweise

Legt fest, wie die background-image-Eigenschaft eines Objekts gekachelt wird.

Standardmäßig wird das background-image vertikal und horizontal wiederholt.

Standardwert:	repeat
Vererbt:	nein
Version:	CSS1
JavaScript-Syntax:	object object.style.backgroundRepeat="repeat-y"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.

Die Zahl unmittelbar vor -webkit-, -ms- oder -moz- gibt die erste Browserversion an, die die mit Präfix versehene Eigenschaft unterstützt.

Eigenschaft
background-repeat	1.0	4.0	1.0	1.0	3.5

IE8 und ältere Browser unterstützen nicht mehrere Hintergrundbilder auf einem Element.

HinweisIE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 erfordert eine !DOCTYPE-Deklaration. IE9 unterstützt "inherit".

Tipps und Hinweise

Tipp:Die Eigenschaft background-position legt die Position des Hintergrundbilds fest. Wenn keine Position angegeben ist, wird das Bild immer in die obere linke Ecke des Elements platziert.

Eigenschaftswert

Wert	Beschreibung
repeat	Das Hintergrundbild wird vertikal und horizontal wiederholt. Dies ist die Standardeinstellung.
repeat-x	Nur die horizontale Position wiederholt das Hintergrundbild
repeat-y	Nur die vertikale Position wiederholt das Hintergrundbild
no-repeat	background-image wird nicht wiederholt
inherit	Gibt an, dass die Eigenschaft background-repeat vom übergeordneten Element geerbt werden soll.

Online-Beispiele

Wie wiederholt man ein Hintergrundbild vertikal und horizontal?
Dieses Beispiel zeigt, wie man ein Hintergrundbild sowohl vertikal als auch horizontal wiederholt.

Dieses Beispiel zeigt, wie man das Hintergrundbild nur horizontal wiederholt.

Dieses Beispiel zeigt, wie man ein Hintergrundbild nur einmal anzeigt, ohne es zu wiederholen.

CSS Eigenschaft