CSS height Property

Example

Set the height and width of a paragraph:

p.ex
{
height:100px;
width:100px;
}

Try it yourself »

More examples at the bottom of this page.

The height property sets the height of an element.

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

The height property is supported in all major browsers.

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

Value	Description
auto	The browser calculates the height. This is default
length	Defines the height in px, cm, etc.
%	Defines the height in percent of the containing block
inherit	Specifies that the value of the height property should be inherited from the parent element

Set the height of an image using percent
This example demonstrates how to set the height of an element using a percent value.

CSS tutorial: CSS Dimension

CSS tutorial: CSS Box model

CSS reference: width property

HTML DOM reference: height property