HTMLInputElement: width Eigenschaft

Die width-Eigenschaft der HTMLInputElement-Schnittstelle gibt die Breite eines Steuerelements an. Sie spiegelt das width-Attribut des <input>-Elements wider.

Die width-Eigenschaft ist nur für den Typ image gültig. Sie definiert die bevorzugte horizontale Größe des Bild-Buttons in Pixel. Der Eigenschaftswert ist die Breite der content-box des gerenderten Buttons. CSS-Boxmodell-Eigenschaften, die die Größe des Steuerelements beeinflussen, haben Vorrang.

Wenn keine width gesetzt ist und keine CSS-Breitereigenschaften das Steuerelement beeinflussen, wird die width die intrinsische Breite des Bildes sein. Wenn das Bild nicht geladen ist, wird der Wert die maximale intrinsische Breite des alt-Texts sein. Die width ist 0, wenn die Breite nicht bekannt ist; wenn keine width gesetzt ist, keine CSS-Dimensionen anwendbar sind, kein Bild geladen ist, und entweder der Wert des alt leer ist oder kein src gesetzt ist.

Wert

Eine Zahl.

Beispiele

js
const inputElement = document.getElementById("imageButton");
console.log(inputElement.width);

Spezifikationen

Specification
HTML Standard
# dom-input-width

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch