CSS max-height Property

CSS Reference Complete CSS Reference

Example

Set the maximum height of a paragraph:

p.ex
{
max-height:100px;
}

Try it yourself »

Definition and Usage

The max-height property sets the maximum height of an element.

Note: The max-height property does not include padding, borders, or margins!

Default value: none
Inherited: no
Version: CSS2
JavaScript syntax: object.style.maxHeight="10px"

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The max-height property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Property Values

Value Description
none No maximum height. This is default
length Defines the maximum height in px, cm, etc. 
% Defines the maximum height in percent of the containing block
inherit Specifies that the value of the max-height property should be inherited from the parent element

Related Pages

CSS tutorial: CSS Dimension

CSS reference: min-height property

HTML DOM reference: maxHeight property

CSS Reference Complete CSS Reference