CSS background-repeat Eigenschaft
Beispiele
Nur vertikale Wiederholung background-image:
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}
Versuchen »
Tag Definitionen und Anleitungen
Wie die Fliese Objekt Eigenschaft background-image zu setzen.
In der Standardeinstellung der wiederholten Hintergrund-Bild vertikaler und horizontaler Richtung.
| Standard: | Wiederholung |
|---|---|
| Vererbung: | keine |
| Version: | CSS1 |
| JavaScript-Syntax: | Objekt object.style.backgroundRepeat = "repeat-y" |
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
<| Property | |||||
|---|---|---|---|---|---|
| background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Mehrere Hintergrundbilder in einem Element IE8 und frühere Versionen des Browser nicht unterstützt.
Beachten Sie, dassIE7 und früheren Versionen nicht unterstützen "erben (geerbt)" Wert. IE8 müssen definieren! DOCTYPE. IE9 Unterstützung "vererben (geerbt)."
Tipps und Hinweise
Tipp: background-position Eigenschaft der Hintergrundbildposition einzustellen.Wenn der Ort angegeben, ohne Hintergrund, werden die Bilder immer in der linken oberen Ecke des Elements platziert.
Eigenschaft Wert
| Wert | Erklärung |
|---|---|
| Wiederholung | Hintergrundbild wird vertikaler und horizontaler Richtung wiederholen. Dies ist der Standard |
| repeat-x | Nur die horizontale Position des Hintergrundbildes wird wiederholt, |
| repeat-y | Nur die vertikale Position des Hintergrundbildes wird wiederholt, |
| no-repeat | Hintergrund-Bild nicht wiederholt |
| erben | Gibt den Hintergrund-repea Attribut-Einstellungen sollten aus dem übergeordneten Element vererbt werden |
Online Beispiele
Wie ein Hintergrundbild in vertikaler und horizontaler Richtung zu wiederholen ,
Dieses Beispiel zeigt, wie ein Hintergrundbild in vertikaler und horizontaler Richtung zu wiederholen.
Wie ein Hintergrundbild nur in der horizontalen Richtung zu wiederholen ,
Dieses Beispiel zeigt, wie ein Hintergrundbild zu wiederholen, nur die horizontale Richtung.
Wie das Hintergrundbild angezeigt werden nur einmal
Dieses Beispiel zeigt, wie ein Hintergrundbild angezeigt werden nur einmal nicht wiederholen.
In Verbindung stehende Artikel
CSS Tutorial: CSS Hintergrund
CSS - Referenzhandbuch: Eigenschaft background-position