min-height

Overview

W3C

Properties

background

background-attachment

The min-height property constrains the height of an element to a minimum range.

CSS2


                                min-height: <length> | <percentage> | inherit

Initial:	0
Applies To:	all elements but non-replaced inline elements, table columns, and column groups
Inherited:	no
Percentages:	refer to height of containing block
Media:	visual

Note: Doctype is required for Internet Explorer 8+

Values
DOM
Example | Values | length
Example | Values | percentage
Example | DOM
Reference


                                min-height: value;


Value:	Description:
inherit	Takes the same computed value as the property for the element's parent
length	Fixed minimum height
percentage	Height percentage calculated with respect to the height of the containing block


                                [window.]document.getElementById("element-id").style.minHeight = "min-height";

<!doctype html>
<html>
  <head>
    <title>min-height</title>
  </head>
  <body>
    <a href="/" onmouseover="mouseover1();">length</a>
    <a href="/" onmouseover="mouseover2();">percentage</a><br>
    <img alt="Happy Face" id="id1" src="/assets/jpg/HappyFace.jpg">
    <img alt="Happy Face" id="id2" src="/assets/jpg/HappyFace.jpg">
    <img alt="Happy Face" id="id3" src="/assets/jpg/HappyFace.jpg">
  </body>
  <script type="text/javascript">
    function mouseover1() {
      document.getElementById("id1").style.minHeight = "60px";
      document.getElementById("id2").style.minHeight = "60px";
      document.getElementById("id3").style.minHeight = "60px";
    }
    function mouseover2() {
      document.getElementById("id1").style.minHeight = "50%";
      document.getElementById("id2").style.minHeight = "50%";
      document.getElementById("id3").style.minHeight = "50%";
    }
    document.getElementById("id1").style.height = "30px";
    document.getElementById("id2").style.height = "60px";
    document.getElementById("id3").style.height = "120px";
  </script>
</html>

W3C Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification

CSS

Values

DOM

Example | Values | length

Example | Values | percentage

Example | DOM

Reference