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 des HTMLInputElement-Interfaces gibt die Breite eines Steuerelements an. Sie spiegelt das width-Attribut des <input>-Elements wider.

Die width-Eigenschaft ist nur für den image-Typ 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-Breiten-Eigenschaften das Steuerelement beeinflussen, ist die width die intrinsische Breite des Bildes. Wenn das Bild nicht geladen wurde, ist der Wert die maximale intrinsische Breite des alt-Textes. Die width wird 0 sein, wenn die Breite nicht bekannt ist; wenn keine width gesetzt ist, keine CSS-Dimensionen gelten, kein Bild geladen ist und entweder der Wert des alt ein leerer String ist oder kein src gesetzt ist.

Wert

Eine Zahl.

Beispiele

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

Spezifikationen

Specification
HTML
# dom-input-width

Browser-Kompatibilität

Siehe auch