CSS height Property

CSS height property specifies the height of the content area of an element.


The following table outline the usages and version history of this property.

Default value: auto
Applies to: All elements except table rows
Inherited: No
Version: CSS1
JavaScript Syntax: object.style.height = "200px"


Here is a syntax for the CSS height property

height: auto | length | percentage | initial | inherit;

Property Values

The following table describes the values of this property.

Value Description
auto Default. Browser will calculate the height for the element
length Specifies the length value expressed in px, pt, cm, em, etc. to set height
Negative values are not allowed.
percentage Specifies the percentage value to set height
initial Sets default value of this property
inherit Inherits this property from its parent element


The example below shows to sets height property.

div.one {
  height: 100px;
div.two {
  height: auto;

Run it...   »

Browser Compatibility

  • Google Chrome 1+
  • Mozilla Firefox 1+
  • Internet Explorer 4+
  • Opera 7+
  • Safari 1+

Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.