Tutorials Point


  CSS Home

  CSS Reference
  Pseudo Classes & Elements

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

CSS - min-height


previous next AddThis Social Bookmark Button


Advertisements

Description:

The min-height property is used to set an lower bound on the height of an element.

Possible Values:

  • length: Any length unit. The element can never have a value for height which is lower than this distance.
  • percentage: Limits the element's height to be at least this percentage of the height of the containing block.

Applies to:

All the HTML elements except non-replaced inline elements and table elements.

DOM Syntax:

object.style.minHeight="50px"

Example:

Here is the example:

<p style="width:400px; min-height:200px;border:1px solid red;
             padding:5px; margin:10px;">
This paragraph is 400px wide and min height is 200px
This paragraph is 400px wide and min height is 200px
This paragraph is 400px wide and min height is 200px
This paragraph is 400px wide and min height is 200px
</p>
<img alt="logo" src="/images/css.gif" width="95" height="84" />

This will produce following result:

This paragraph is 400px wide and min height is 200px This paragraph is 400px wide and min height is 200px This paragraph is 400px wide and min height is 200px This paragraph is 400px wide and min height is 200px

logo

To Become more comfortable - Do Online Practice



previous next Printer Friendly

Advertisements


  

Advertisements