Style maxHeight Property

Set the maximum height of a <div> element:

document.getElementById("myDIV").style.maxHeight = "15px";

Description

The maxHeight property sets or returns the maximum height of an element.

The maxHeight property has effect only on block-level elements or on elements with absolute or fixed position.

Note: The height of an element can never be greater than the value specified by the maxHeight property.

Tip: To set or return the minimum height of an element, use the minHeight property.

Property
maxHeight	Yes	Yes	Yes	Yes	Yes

Return the maxHeight property:

object.style.maxHeight

Set the maxHeight property:

object.style.maxHeight = "none| length|%|initial|inherit"

Value	Description
none	No limit on the height of the element. This is default
length	Defines the maximum height in length units
%	Defines the maximum height in % of the parent element
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Default Value:	none
Return Value:	A String, representing the maximum height of an element
CSS Version	CSS2

Return the maximum height of a <div> element:

alert(document.getElementById("myDIV").style.maxHeight);

CSS tutorial: CSS Dimension