CSS-background-repeat-Eigenschaft

Definition und Verwendung

background-repeat Ob und wie das Hintergrundbild wiederholt wird, wird durch die Eigenschaftseinstellungen festgelegt.

Standardmäßig wird das Hintergrundbild in horizontaler und vertikaler Richtung wiederholt.

Detailed explanation

Die background-repeat-Eigenschaft definiert den Wiederholmodus des Bildes.

Beginnen Sie mit dem Originalbild zu wiederholen, das vom background-image Definition und nach background-position Wert placement.

Weitere Informationen siehe:

CSS教程:CSS Hintergrund

CSS Referenzhandbuch:background-position-Eigenschaft

HTML DOM Referenzhandbuch:backgroundRepeat-Eigenschaft

Beispiel

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

Probieren Sie es selbst aus

Hinweise und Anmerkungen

Hinweis:Der Ort des Hintergrundbildes wird durch die Eigenschaft background-position festgelegt. Wenn background-position nicht festgelegt ist, wird das Bild in der linken oberen Ecke des Elements positioniert.

CSS-Syntax

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

Eigenschaftswert

Eigenschaftswert

Wert Beschreibung
wiederholen Standard. Das Hintergrundbild wird in der vertikalen und horizontalen Richtung wiederholt.
repeat-x Das Hintergrundbild wird in der horizontalen Richtung wiederholt.
repeat-y Das Hintergrundbild wird in der vertikalen Richtung wiederholt.
no-repeat Das Hintergrundbild wird nur einmal angezeigt.
inherit Legt fest, dass die Einstellungen der background-repeat-Eigenschaft vom übergeordneten Element geerbt werden sollten.

Technische Details

Standardwert: wiederholen
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: Objekt.style.backgroundRepeat="repeat-y"

Mehr Beispiele

Wie man ein Hintergrundbild vertikal wiederholt
Dieses Beispiel zeigt, wie man ein Hintergrundbild vertikal wiederholt.
Wie man ein Hintergrundbild horizontal wiederholt
Dieses Beispiel zeigt, wie man ein Hintergrundbild horizontal wiederholt.
Wie man ein Hintergrundbild nur einmal anzeigen kann
Dieses Beispiel zeigt, wie man ein Hintergrundbild nur einmal anzeigen kann.

Browserunterstützung

Die Zahlen in der Tabelle weisen auf die erste Browserversion hin, die die Eigenschaft vollständig unterstützt.

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