Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported No No Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes
Short information
Default value none
Inherited No
Applied To all elements except built-in elements and tables
HTML analog No
Reference to specification
It determines the maximum height of an element. Value of element height will be calculated depending on the determined parameters height, max-height and min-height. In tab. 1 it is shown what the browser uses at concurrent use of the specified properties.
Table 1. Element hight
Parameters values Height
min-width < height < max-height height
height < max-height height
height > max-height max-height
min-height > height > max-height min-height
min-height > height < max-height min-height
This table data means following: if value of height (height) is more than value max-height the element height is accepted equal to the value max-height.


max-height: value | none
Pixels (px) and percent (%) are accepted as values. Value none removes all height restrictions.


   .block {
    overflow: auto; /* Scrolling band if it is necessary */ 
    padding: 10px; /* Areas around the text */ 
    max-height: 80px; /* Max height */ 
    background: #ffe; /* Background color */ 
    border: 1px solid #cb2027; /* Frame parameters */ 
   .block p {
    margin: 2px auto; /* Paragraph's margins */ 
<div class="block">
Blocking of the element doesn't allow at all
      to perform any actions with it including content's selection of
       text area, change or activate it.
       Blocked area is usually marked gray
Some browsers allow to select and copy
       the content of blocked text area but all other
       actions are unavailable.</div>
The result of this example is shown on the figure 1

Object model