CSS - Height


Advertisements


Description

The height sets the height of an element's content area.

Possible Values

  • length − Any length unit. Negative length values are not permitted for this property.

  • percentage − The height is calculated with respect to the height of the element's containing block, assuming that the containing block's height has been explicitly set.

  • auto − Default. The browser calculates the actual height.

Applies to

All the HTML elements except non-replaced inline elements, table rows, and row groups.

DOM Syntax

object.style.height = "100px";

Example

Here is the example −

<html>
   <head>
   </head>
   <body>
      <p style="width:400px; height:100px;border:1px solid red; padding:5px; margin:10px;">
      This paragraph is 400pixels wide and 100 pixels high
      </p>
</body>
</html> 

This will produce following result −



Advertisements