HTMLInputElement: width Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
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 Pixeln. Der Wert der Eigenschaft ist die Breite der content-box des gerenderten Buttons. CSS Box-Modell-Eigenschaften, die die Größe des Steuerungselements beeinflussen, haben Vorrang.
Wenn keine width-Eigenschaft festgelegt ist und keine CSS-Breiten-Eigenschaften auf das Steuerelement wirken, wird die width die intrinsische Breite des Bildes sein. Wenn das Bild nicht geladen wurde, wird der Wert die maximale intrinsische Breite des alt-Textes sein. Die width wird 0 sein, wenn die Breite nicht bekannt ist; wenn keine width festgelegt ist, keine CSS-Dimensionen gelten, kein Bild geladen ist, und entweder der Wert des alt eine leere Zeichenkette ist oder kein src festgelegt wurde.
Wert
Eine Zahl.
Beispiele
const inputElement = document.getElementById("imageButton");
console.log(inputElement.width);
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-input-width |
Browser-Kompatibilität
Siehe auch
HTMLInputElement.heightHTMLInputElement.srcHTMLInputElement.altHTMLButtonElement<button><input><img>- CSS
inline-sizeEigenschaft - CSS
widthEigenschaft - CSS
aspect-ratioEigenschaft - CSS Box-Sizing Modul