Summary

Specifies the height of the certain content elements in pixels.

Applies to	[HTMLInputElement](/html/elements/img)

The **height** attribute specifies the visual height of [img](/html/elements/img), [iframe](/html/elements/iframe), [embed](/html/elements/embed), [object](/html/elements/object), [video](/html/elements/video), and [input[type="image"]](/html/elements/input/type/image) in pixels.

If a height attribute is set, but no width, the image will scale to preserve its original aspect ratio.

Height values must be non-negative integers.

Examples

An image with an explicit height and width set.

<img src="/logo/wplogo_transparent_xlg.png" height="100" width="150">

View live example

See also

Related articles

HTML

• user-modify

• textLength

• value

• accept

• action

• alt

• autocomplete

• autofocus

• checked

• crossorigin

• form

• formEnctype

• height

• list

• max (HTMLInputElement)

• maxLength

• min

• multiple

• readonly

• size

• standby

• step

• HTML Elements

• !DOCTYPE

• !DOCTYPE

• acronym

• b

• b

• br

• br

• button

• button

• caption

• cite

• code

• col

• colgroup

• datalist

• del

• dfn

• div

• em

• EMBED

• fieldset

• font

• footer

• head

• hn

• hr

• html

• i

• img

• input

• ins

• kbd

• legend

• mark

• option

• p

• samp

• script

• span

• strong

• table

• tbody

• td

• tfoot

• th

• time

Multimedia

• Track ended

• MediaSource

• appendBuffer

• WebRTC

• object-fit

• height

• standby

• EMBED

• img

• WebRTC Resources

Visual Effects

• color

• Colors by Hue

• Colors by Name

• Colors by Saturation

• User-Defined System Colors

• -ms-high-contrast

• ms-high-contrast-adjust

• -ms-progress-appearance

• background-blend-mode

• clip

• cursor

• opacity

• zoom

• height

• blink

• filter

• JavaScript animation

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]