CSS

Cascading Style Sheets min-height property.

min-height

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

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

数値で指定
数値にpxなどの単位をつけて指定します。pxとは1ピクセルを1とする単位で、実際に表示されるサイズは72dpiや96dpiといったモニタの解像度により変化します。
%で指定
%値で指定します。

使用例

sample.css ファイル

img.sample {min-height: 300px;}

sample.html ファイル

<!DOCTYPE html>
<html lang="ja">
<head>
  <title>min-height sample</title>
  <link rel="stylesheet" type="text/css" href="sample.css" />
</head>
<body>
  <img style="" src="imgs/computer_programming_man.png" alt="サンプルイメージ" class="sample">
</body>
</html>

サンプルイメージ
いらすとや

 ここのサンプル画像は、元のサイズが 200 x 182 (width:200, height:182)ですが、min-heightプロパティを 300px に設定していますので、高さが 300px に拡大されて表示されています。

元画像

サンプルイメージ
いらすとや