HTMLInputElement: width property
The width
property of the HTMLInputElement
interface specifies the width of a control. It reflects the <input>
element's width
attribute.
The width
property is valid for the image
type only. It defines the preferred horizontal size of the image button, in pixels. The property value is the width of the content-box of the rendered button. CSS box model properties impacting the size of the control take precedence.
If no width
is set and no CSS width properties impact the control, the width
will be the intrinsic width of the image. If the image didn't load, the value will be the maximum intrinsic width of the alt
text. The width
will be 0
if the width is not known; if no width
is set, no CSS dimensions apply, no image loaded, and either the value of the alt
is the empty string or no src
is set.
Value
A number.
Examples
const inputElement = document.getElementById("imageButton");
console.log(inputElement.width);
Specifications
Specification |
---|
HTML Standard # dom-input-width |
Browser compatibility
BCD tables only load in the browser
See also
HTMLInputElement.height
HTMLInputElement.src
HTMLInputElement.alt
HTMLButtonElement
<button>
<input>
<img>
- CSS
inline-size
property - CSS
width
property - CSS
aspect-ratio
property - CSS box sizing module