Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Compare Revisions

max-height

Change Revisions

Revision 25756:

Revision 25756 by Jürgen Jeka on

Revision 25757:

Revision 25757 by Jürgen Jeka on

Title:
max-height
max-height
Slug:
CSS/max-height
CSS/max-height
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 25756
Revision 25757
n14      The <code>max-height</code> property is used to set the maxn14      The <code>max-height</code> CSS property is used to set the
>imum height of a given element. It prevents the used value of the> maximum height of a given element. It prevents the used value of
> {{ Cssxref("height") }} property from becoming larger than the v> the {{ Cssxref("height") }} property from becoming larger than t
>alue specified for <code>max-height</code>.>he value specified for <code>max-height</code>.
n34max-height: &lt;length&gt; | &lt;percentage&gt; n34max-height:  &lt;length&gt; | &lt;percentage&gt; | none | inherit
n44        Specifies a fixed minimum or maximum computed height.n44        A fixed maximum height. See {{ Xref_csslength() }} for po
 >ssible units.
n50        Specifies a percentage for determining the used value. Thn50        he {{ Xref_csspercentage() }} is calculated with respect 
>e percentage is calculated with respect to the height of the gene>to the height of the containing block. If the height of the conta
>rated box's <a class=" external" href="http://www.w3.org/TR/CSS21>ining block is not specified explicitly, the percentage value is 
>/visuren.html#containing-block">containing block</a>. If the heig>treated as <code>none</code>.
>ht of the containing block is not specified explicitly (i.e., it  
>depends on content height), and this element is not absolutely po 
>sitioned, the percentage value is treated as '0' (for 'min-height 
>') or 'none' ('max-height'). 
n59    <ul>n
60      <li>
61        <strong>none</strong>&nbsp;: the {{ Cssxref("height") }} 
>has no maximum value 
62      </li>
63      <li>
64        <strong>length</strong>&nbsp;: can be in px, cm, in
65      </li>
66      <li>
67        <strong>percentage</strong>&nbsp;:&nbsp;% specified as a 
>percentage of containing block's height 
68      </li>
69    </ul>
t154      <a href="en/CSS/box_model">box model</a>, {{ Cssxref("max-wt143      <a href="/en/CSS/box_model" title="en/CSS/box_model">box mo
>idth") }}, {{ Cssxref("-moz-box-sizing") }}, {{ Cssxref("height")>del</a>, {{ Cssxref("max-width") }}, {{ Cssxref("box-sizing") }},
> }}, {{ Cssxref("min-height") }}> {{ Cssxref("height") }}, {{ Cssxref("min-height") }}
144    </p>
145    <p>
155    </p>{{ languages( { "fr": "fr/CSS/max-height", "es": "es/CSS/146      {{ languages( { "fr": "fr/CSS/max-height", "es": "es/CSS/ma
>max-height" } ) }}>x-height" } ) }}
147    </p>

Back to History