Style backgroundRepeat Eigenschaft

定义和用法

backgroundRepeat Eigenschaftseinstellungen oder -rückgaben, wie das Hintergrundbild wiederholt (tiles) wird.

Siehe auch:

HTML-Stil:background-Eigenschaft

CSS-Tutorial:CSS-Hintergrund

CSS3-Tutorial:CSS3-Hintergrund

CSS-Referenzhandbuch:background-repeat-Eigenschaft

Beispiel

Beispiel 1

Stellen Sie das Hintergrundbild auf nicht wiederholt (no-repeat) ein:

document.body.style.backgroundRepeat = "repeat-y";

Probieren Sie es selbst aus

Beispiel 2

Ändern Sie die Eigenschaft backgroundRepeat des angegebenen DIV-Elements:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

Probieren Sie es selbst aus

Beispiel 3

Stellen Sie die Wiederholung des Hintergrundbilds horizontal oder vertikal ein:

function repeatVer() {
  document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
  document.body.style.backgroundRepeat = "repeat-x";
}

Probieren Sie es selbst aus

Beispiel 4

Rückgabe des Wertes background-repeat des Dokuments:

alert(document.body.style.backgroundRepeat);

Probieren Sie es selbst aus

Syntax

Rückgabe der Eigenschaft backgroundRepeat:

object.style.backgroundRepeat

Setzen Sie die Eigenschaft backgroundRepeat:

object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"

Eigenschaftswert

Wert Beschreibung
repeat Das Hintergrundbild wird vertikal und horizontal wiederholt. Standard.
repeat-x Das Hintergrundbild wird nur horizontal wiederholt.
repeat-y Das Hintergrundbild wird nur vertikal wiederholt.
no-repeat Das Hintergrundbild wird nicht wiederholt.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: repeat
Rückgabewert: Ein String, der darstellt, wie das Hintergrundbild wiederholt wird.
CSS-Version: CSS1

Browser-Unterstützung

backgroundRepeat Es ist eine Eigenschaft von CSS1 (1996).

Alle Browser unterstützen es vollständig:

Chrome Edge Firefox Safari Oper IE
Chrome Edge Firefox Safari Oper IE
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung