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
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
HTMLInputElement.height
HTMLInputElement.src
HTMLInputElement.alt
HTMLButtonElement
<button>
<input>
<img>
- CSS
inline-size
Eigenschaft - CSS
width
Eigenschaft - CSS
aspect-ratio
Eigenschaft - CSS-Boxgrößenbestimmung Modul