CSS height attribute

Definition and Usage

Sets the height of the element.

This attribute defines the height of the element's content area, and padding, borders, and margins can be added outside the content area.

Inline non-replaced elements will ignore this attribute.

Set the height and width of paragraphs:

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

height: auto|length|initial|inherit;

Value	Description
auto	Default. The browser will calculate the actual height.
length	Define the height using units such as px, cm, etc.
%	Based on the percentage height of the containing block-level object.
inherit	Specifies that the height attribute value should be inherited from the parent element.

Set the height of an image using pixel values: This example demonstrates how to set the height of an element using pixel values.
Set the height of an image using percentage: This example demonstrates how to set the height of an element using percentage values.

The numbers in the table indicate the first browser version that fully supports this attribute.

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	4.0	1.0	1.0	7.0