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

js
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