Beispiel
Geben Sie die Größe eines Hintergrundbildes:
document.getElementById("myDIV").style.backgroundSize = "60px 120px";
Versuch es selber " Definition und Verwendung
Die backgroundEigenschaftsSätze oder gibt die Größe der Hintergrundbilder.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von Webkit, Moz oder O geben Sie die erste Version, die mit einem Präfix gearbeitet.
Eigentum | |||||
---|---|---|---|---|---|
backgroundSize | 4.0 1.0 Webkit | 9.0 | 4.0 3,6 Moz | 4.1 3.0 Webkit | 10.5 10.0 O |
Syntax
Bringen Sie die Eigenschaft background:
object .style.backgroundSize
Stellen Sie die Eigenschaft background:
object .style.backgroundSize="auto| Eigenschaftswerte Wert Beschreibung auto Standardwert. Das Hintergrund-Bild enthält, deren Breite und Höhe length Legt die Breite und Höhe des Hintergrundbildes. Der erste Wert stellt die Breite, der zweite Wert die Höhe einstellt. Wenn nur ein Wert angegeben ist, wird der zweite zu setzen "auto" percentage Stellt die Breite und die Höhe des Hintergrundbildes in Prozent des Mutterelementes. Der erste Wert stellt die Breite, der zweite Wert die Höhe einstellt. Wenn nur ein Wert angegeben ist, wird der zweite zu setzen "auto" cover Skalieren Sie das Hintergrundbild so groß wie möglich zu sein, so dass der Hintergrundbereich vollständig von dem Hintergrundbild bedeckt ist. Einige Teile des Hintergrundbildes können nicht im Hintergrund Positionierung Bereich im Hinblick auf seine contain Skaliert das Bild zu der größten Größe, so daß sowohl seine Breite und seine Höhe im Innern des Inhaltsbereich passen 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: Auto Rückgabewert: Ein String, die die Hintergrund-size Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS - Referenz: background-size property
<Style - Objekt