CSS height Property

The height property is used to set the height of an element. The height property does not contain padding and margin and border of the element. 

Syntax: 

height: auto|length|initial|inherit;

Default Value: auto 

Property Values:

• auto: It is used to set the height property to its default value. If the height property is set to auto then the browser calculates the height of the element.
• length: It is used to set the height of the element in the form of px, cm, etc. The length can not be negative.
• initial: It is used to set the height property to its default value. 
• inherit: It is used to set the height property from its parent element.

Example: In this example, we are using height: auto;

Output:

👁 CSS_height property numeric value

Example: In this example, we are using height: length; property.

Output:

👁 CSS height property

Example: In this example, we are using height: initial; property.

Output:

👁 CSS height property auto

Supported Browsers: The browser supported by height property are listed below:  

• Google Chrome 1.0 and above
• Edge 12.0 and above
• Internet Explorer 4.0 and above
• Firefox 1.0 and above
• Safari 1.0 and above
• Opera 7.0 and above