Image-Breite-Eigenschaft
Definition und Verwendung
width
Eigenschaft zur Einstellung oder Rückgabe der Breite des Bildes Breite-Eigenschaft Wert.
Die HTML-Breite-Eigenschaft legt die Breite des Bildes fest.
Diese Eigenschaft kann auch die Breite des Bildes zurückgeben, die durch CSS-Styles gesetzt wurde (siehe untenstehendes Beispiel).
Hinweis:Verwenden Sie height-Eigenschaft Einstellen oder Rückgabe der Breite des Bildes height-Eigenschaft Wert.
Beispiel
Beispiel 1
Ändern Sie die Breite des Bildes auf 450px:
document.getElementById("myImg").width = "450";
Beispiel 2
Rückgabe der Breite des Bildes:
var x = document.getElementById("myImg").width;
Beispiel 3
Ändern Sie die Höhe und Breite des Bildes auf 300px und 450px:
document.getElementById("myImg").height = "300"; document.getElementById("myImg").width = "450";
Beispiel 4
Rückgabe der Breite des Bildes, die durch CSS-Styles gesetzt wurde:
var x = document.getElementById("myImg").width;
Syntax
Rückgabe der Breite-Eigenschaft:
imageObject.width
Einstellen der Breite-Eigenschaft:
imageObject.width = pixels
Attributwert
Wert | Beschreibung |
---|---|
pixels | Breite in Pixeln (z.B. width="100"). |
Technische Details
Rückgabewert: | Zahl, die die Breite des Bildes in Pixeln angibt. |
---|
Browserkompatibilität
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Unterstützung | Unterstützung | Unterstützung | Unterstützung | Unterstützung |
Verwandte Seiten
HTML-Referenzhandbuch:HTML <img> width-Attribut