CSS height Property

Set the height and width of a paragraph:

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

Try it Yourself »

More “Try it Yourself” examples below.

Definition and Usage

The height property sets the height of an element.

Note: The height property does not include padding, borders, or margins; it sets the height of the area inside the padding, border, and margin of the element!

Note: The min-height and max-height properties override height.

Default value: auto
Inherited: no
Animatable: yes. Read about animatable – Try it
Version: CSS1
JavaScript syntax: object.style.height=”500px” Try it
CSS Syntax
height: auto|length|initial|inherit;
Property Values
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
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


Set the height of an element using a percent value:

img {
height: 50%;

Try it Yourself »