Sets the minimum height for an element.
Syntax
{ min-height: sMinHeight }
Possible values
sMinHeight
Variant that specifies or receives the minimum height for an element:
length | Floating-point number followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px). For more information about the supported length units, see Length units reference. |
percentage | Integer followed by a percent sign (%) that specifies a percentage of the containing block height to use as the minimum height of the element. If the height of the containing block is not explicitly set, the element has no minimum height and the min-height property is interpreted as 0%. For information about containing blocks and how the height is computed, see the Cascading Style Sheets (CSS), Level 2, Revision 1 (CSS2.1) |
The property has no default value. It is not inherited.
Examples
The following example shows the benefits of using the min-height property over the height property for a TR element:
![]() | |
---|---|
<html> <head><title>CSS Min-Height Property Example</title> </head> <body> <table border ="1" style="table-layout:fixed; width:100%;"> <tr> <td style="height:35px;background-color:#99CCFF">This cell has the <strong>height</strong> property set to 35px. In Internet Explorer, overflow text is clipped when <strong>height</strong> is set on cells or rows in fixed-layout tables. Setting the <strong>min-height</strong> property, however, accomodates overflow text by increasing the cell or row height.</td> </tr> <tr> <td style="min-height:35px;background-color:#99CCFF">This cell has the <strong>min-height</strong> property set to 35px. In Internet Explorer, overflow text is clipped when <strong>height</strong> is set on cells or rows in fixed-layout tables. Setting the <strong>min-height</strong> property, however, accomodates overflow text by increasing the cell or row height.</td> </tr> </table> </body> </html> |
Standards information
This property is defined in Cascading Style Sheets (CSS), Level 2 (CSS2).
Applies to
A, ABBR, ACRONYM, ADDRESS, APPLET, B, BDO, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, FRAMESET, HN, HR, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, OBJECT, OL, OPTION, P, Q, RT, RUBY, S, SELECT, SPAN, SUB, TABLE, TD, TH, TR, TT, U, UL, VAR, XMP