Style backgroundRepeat -Eigenschaft
Beispiel
Setzen Sie ein Hintergrundbild auf keine Wiederholung:
document.body.style.backgroundRepeat = "repeat-y";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft backgroundRepeat legt fest oder gibt zurück, wie ein Hintergrundbild wiederholt (gekachelt) wird.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Gibt die Eigenschaft backgroundRepeat zurück:
object.style.backgroundRepeat
Legen Sie die Eigenschaft backgroundRepeat fest:
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
repeat | The background image is repeated both vertically and horizontally. This is default |
repeat-x | The background image is only repeated horizontally |
repeat-y | The background image is only repeated vertically |
no-repeat | The background-image is not repeated |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | wiederholen |
---|---|
Rückgabewert: | Ein String, der darstellt, wie ein Hintergrundbild wiederholt wird |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die Eigenschaft backgroundRepeat eines angegebenen DIV-Elements:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
Beispiel
Stellen Sie ein Hintergrundbild so ein, dass es horizontal oder vertikal wiederholt wird:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
Beispiel
Gibt den Hintergrundwiederholungswert eines Dokuments zurück:
alert(document.body.style.backgroundRepeat);
Verwandte Seiten
CSS-Tutorial: CSS-Hintergrund
CSS-Referenz: Eigenschaft background-position
CSS-Referenz: background-repeat-Eigenschaft
HTML-DOM-Referenz: Hintergrundeigenschaft