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 Standard # dom-input-height |
Browser compatibility
BCD tables only load in the browser
See also
HTMLInputElement.width
HTMLInputElement.src
HTMLInputElement.alt
HTMLButtonElement
<button>
<input>
<img>
- CSS
inline-size
property - CSS
height
property - CSS
aspect-ratio
property - CSS box sizing module