WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > min-height
min-height  幅高 

高さの最小値を指定する

このエントリーをはてなブックマークに追加

min-heightプロパティは、 <IMG>・ <INPUT>・ <TEXTAREA>・ <SELECT>などの領域の高さの最小値を指定する際に使用します。 最小値を指定することで、これらの要素の高さを一定範囲内に収めることができます。

指定方法には、実数値にpxなどの単位をつけて指定する方法と、親ボックスに対する割合を%で指定する方法があります。

書式

(例) min-height:50px;

パラメーター

●数値で指定
 数値にpxなどの単位をつけて指定。
●%で指定
 親ブロックとの割合を%で指定。

サンプルコード(min-height:30px;)

<div style="background-color:#f0f0ff;min-height:30px;">あいうえお</div>
<div style="background-color:#f0f0ff;min-height:30px;">あいうえお<br />かきくけこ<br />さしすせそ<br />たちつてと</div>
あいうえお

あいうえお
かきくけこ
さしすせそ
たちつてと

フォーム部品

<input type="text" style="min-height:90px;" value="入力できます。" />
<input type="button" style="min-height:90px;" value="ボタンです。" />