Copyright © tutorialspoint.com

# CSS - height

## 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:

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

This will produce following result:

This paragraph is 400pixels wide and 100 pixels high

To Become more comfortable - Do Online Practice

Copyright © tutorialspoint.com