Image width - Eigenschaft
Beispiel
Ändern Sie die Breite eines Bildes auf 300 Pixel:
document.getElementById("myImg").width = "300";
Definition und Verwendung
Die width-Eigenschaft legt den Wert des width-Attributs eines Bilds fest oder gibt ihn zurück.
Das width-Attribut gibt die Breite eines Bildes an.
Diese Eigenschaft kann auch die Breite eines Bildes zurückgeben, das mit CSS formatiert wurde (siehe weitere Beispiele).
Tipp: Verwenden Sie die Eigenschaft height , um den Wert des Höhenattributs eines Bilds festzulegen oder zurückzugeben.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die width-Eigenschaft zurück:
imageObject.width
Legen Sie die Breiteneigenschaft fest:
imageObject.width = pixels
Eigenschaftswerte
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
Technische Details
Rückgabewert: | Eine Zahl, die die Breite des Bildes in Pixel darstellt |
---|
Mehr Beispiele
Beispiel
Gibt die Breite eines Bildes zurück:
var x = document.getElementById("myImg").width;
Beispiel
Ändern Sie die Höhe und Breite eines Bildes auf 300 Pixel:
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
Beispiel
Gibt die Breite eines Bildes zurück, das mit CSS gestaltet wurde:
var x = document.getElementById("myImg").width;
Verwandte Seiten
HTML-Referenz: HTML-Attribut <img> width
❮ Bildobjekt