【min-height】内容領域の最小の高さを指定

min-heightプロパティでは、ボックスの内容領域の最小の高さを指定する事ができます。 このプロパティを設定することで、ボックスの高さを特定の範囲に制限することができます。

指定できる要素はブロック要素以外にも<IMG><TEXTAREA><INPUT><SELECT><OBJECT>などの置換要素にも設定できます。

書式

  • min-height : ……… 内容領域の高さの最小値を設定

★:数値、パーセント、inherit

実数値+単位
数値にpxなどの単位を付けて最小の高さを指定します。
パーセント値+%
包含ブロックの高さに対する割合で最小値の高さを指定します。このボックスを含むボックス(包含ブロック)の高さが設定されていない場合は、値に「0」を指定した時と同じ表示結果となります。

使用した時の例

.sample1 {min-height: 100px;}
<img class="sample1" src="sample.jpg" alt="表示例sample"/>

ブラウザ上の表示例

表示例sample

対応ブラウザなどのデータ

初期値 0 値の継承 継承しない
適用可能な要素 すべての要素(非置換インライン要素,col,colgroupを除く)
メディア visual
対応ブラウザ Internet Explorer7~ , Google Chrome4~ , Firefox1~ , Opera10.1~ , Safari3.1~

関連情報