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 Juli 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
const inputElement = document.getElementById("imageButton");
console.log(inputElement.width);
Spezifikationen
| Specification |
|---|
| HTML # dom-input-width |
Browser-Kompatibilität
Loading…
Siehe auch
HTMLInputElement.heightHTMLInputElement.srcHTMLInputElement.altHTMLButtonElement<button><input><img>- CSS
inline-size-Eigenschaft - CSS
width-Eigenschaft - CSS
aspect-ratio-Eigenschaft - CSS-Box-Sizing-Modul