HTML リファレンスマニュアル

HTMLタグ全書

HTML: <img> height 属性

height属性はピクセル単位で画像の高さを指定します

オンラインサンプル

高さと幅が32ピクセルの画像：

例

!DOCTYPE　html>
<html>
<head>
<title>HTML:<img>　height　属性　-　基本チュートリアルウェブ oldtoolbag.com</title>
<body>
<img　src="haha.gif"　alt="haha　face"　width="32"　height="32">
</body>
</html>

テストを見てみましょう ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがheight属性をサポートしています。

height属性はピクセル単位で画像の高さを指定します。

ヒント：常に画像のheightおよびwidth属性を同時に指定してください。heightおよびwidthが設定されている場合、ページの読み込み時に画像が必要なスペースを確保します。これらの属性が設定されていない場合、ブラウザは画像のサイズを知らずに適切なスペースを確保することができません。結果として、ページレイアウトは読み込み中（画像の読み込み中）に変更されます。

ヒント：heightおよびwidth属性を使用して大画像のサイズを縮小すると、ユーザーは大画像をダウンロードすることを強制されます（ページ上では小さいように見える場合でも）。このような状況を避けるためには、ページを使用する前にプログラムで画像を再縮小してください。

HTML 4.01 HTML5の間の違い

HTML 4.01において、高さはピクセルまたは要素の百分率で定義できます。HTML5において、この値はピクセル単位で指定されなければなりません。

文法

<img height="ピクセル">

属性値

値	説明
ピクセル	ピクセル単位で指定された高さ（例えば height="50"）。

　HTML <img> タグ

HTML: <template> タグ