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";

Versuchen Sie es selbst

Beispiel 2

Rückgabe der Breite des Bildes:

var x = document.getElementById("myImg").width;

Versuchen Sie es selbst

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";

Versuchen Sie es selbst

Beispiel 4

Rückgabe der Breite des Bildes, die durch CSS-Styles gesetzt wurde:

var x = document.getElementById("myImg").width;

Versuchen Sie es selbst

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