height属性

img要素のheight属性は、ピクセル単位の数値で、画像の高さを指定する任意属性。

ブラウザ対応

構文

<img src="URL" height="ピクセル値">

ピクセル値

ピクセル単位の数値を指定する。128ピクセルであれば、128と指定する。

サンプルコード

<img src="sample.png" height="128">

画像の高さを、128ピクセルに指定。

サンプル

HTMLソースコード

<p>本来のサイズ： <img src="sample-img.png" width="128" height="128" style="vertical-align: middle;"></p>
<p>縮小ザイズ： <img src="sample-img.png" width="64" height="64" style="vertical-align: middle;"></p>
<p>拡大ザイズ： <img src="sample-img.png" width="256" height="256" style="vertical-align: middle;"></p>

実際の表示

本来のサイズ：

縮小ザイズ：

拡大ザイズ：

縦長ザイズ：