min-height
設定元素的最小高度。
語法
{ min-height: sMinHeight }
可能的值
sMinHeight
指定元素高度下限的變數：
length |
浮點數，後面接著絕對單位指示項 ( cm 、 mm 、 in 、 pt 或 pc ) 或相對單位指示項 ( em 、 ex 或 px )。 如需支援之長度單位的詳細資訊，請參閱 長度單位參照。 |
percentage |
整數後面接著百分比符號 (%)，用來指定包含區塊高度的百分比，以作為元素最大高度使用。如果沒有明確設定包含區塊的高度，元素就不具備最大高度，而且 max-height 屬性會被解譯為 0% 。如需有關包含區塊以及如何計算其高度的詳細資訊，請參閱 Cascading Style Sheets (CSS), Level 2, Revision 1 (CSS2.1) (階層式樣式表 (CSS) 層級 2 修訂 1 (CSS2.1)) |
此屬性沒有預設值。這不是繼承屬性。
範例
下列範例顯示，針對 TR 元素使用 min-height 屬性的優點超過 height 屬性：
<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 the containing element.
Setting the <strong>min-height</strong> property, however, accomodates overflow text
by increasing the element 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 the containing element.
Setting the <strong>min-height</strong> property, however, accomodates overflow text
by increasing the element height.</td>
</tr>
</table>
</body>
</html>
標準資訊
您可以在 Cascading Style Sheets (CSS), Level 2 (CSS2) (階層式樣式表 (CSS) 層級 2 (CSS2)) .png "Ee371278.xtlink_newWindow(zh-tw,Expression.40).png")
找到此屬性的定義。
適用範圍
a, abbr, acronym, b, bdo, big, blockquote, body, button, caption, center, cite, code, custom, dd, defaults, del, dfn, div, dl, dt, em, embed, fieldset, font, form, frameset, frame, hn, 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, p, q, s, span, sub, table, td, th, tt, u, ul, var, xmp