Beispiel
Legen Sie ein Hintergrundbild zu no-repeat:
document.body.style.backgroundRepeat = "repeat-y"; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Background Eigenschaft legt kehrt wie zu wiederholen (tile) ein Hintergrundbild.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Bringen Sie die Background Eigenschaft:
object .style.backgroundRepeat
Stellen Sie die Eigenschaft Background:
object .style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| repeat | Das Hintergrundbild wird sowohl vertikal als auch horizontal wiederholt. Dies ist die Standardeinstellung |
| repeat-x | Das Hintergrundbild wird nur horizontal wiederholt |
| repeat-y | Das Hintergrundbild wird nur vertikal wiederholt |
| no-repeat | Das Hintergrundbild wird nicht wiederholt |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
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 Background eines bestimmten DIV-Element:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x"; Versuch es selber " Beispiel
Legen Sie ein Hintergrund-Bild horizontal oder vertikal zu wiederholen:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
} Versuch es selber " Beispiel
Bringen Sie den Hintergrund-Wiederholungswert eines Dokuments:
alert(document.body.style.backgroundRepeat); Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Hintergrund
CSS - Referenz: background-position property
CSS - Referenz: background-repeat property
HTML - DOM - Referenz: background property
<Style - Objekt