HTMLInputElement: height property
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.
The height property of the HTMLInputElement interface specifies the height of a control. It reflects the <input> element's height attribute.
The height property is valid for the image type only. It defines the vertical dimension of the image button, in pixels. If CSS sizing properties apply to the control, the value is the height of the content box of the rendered control, not the value of the height attribute. If no height is set and CSS does not impact the control's size, the height will be the intrinsic height of the image. If the image didn't load, the value will be the height of the alt text. The height will be 0 if the height is not known; if no height is set, CSS doesn't impact the height, the image didn't load, 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.height);
Specifications
| Specification |
|---|
| HTML # dom-input-height |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
height
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
See also
HTMLInputElement.widthHTMLInputElement.srcHTMLInputElement.altHTMLButtonElement<button><input><img>- CSS
inline-sizeproperty - CSS
heightproperty - CSS
aspect-ratioproperty - CSS box sizing module