HTMLInputElement: width Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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