HTML <img> height属性

HTML img 标签参考手册HTML <img> タグ

例

高さと幅がともに 42 ピクセルの画像:

<img src="smiley.gif.html" alt="Smiley face" height="42" width="42">

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


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

ヒント:画像に height 属性と width 属性を指定することは良い習慣です。これらの属性を設定すると、ページ読み込み時に画像用のスペースを確保できます。これらの属性がない場合、ブラウザは画像の寸法を把握できず、適切なスペースを確保できないため、画像の読み込み時にページのレイアウトが変化します。

ヒント:height 属性と width 属性で画像を拡大・縮小しないでください。height 属性と width 属性で画像を縮小すると、ユーザーは大きな容量の画像をダウンロードしなければなりません(ページ上では画像が小さく見えても)。正しい方法は、Webページで画像を使用する前に、ソフトウェアで画像を適切なサイズに処理することです。


HTML 4.01 と HTML5 の違い

HTML 4.01 では、高さはピクセル単位または包含要素のパーセンテージ単位で定義する必要があります。HTML5 では、高さの値はピクセル単位でなければなりません。


構文

<img height="pixels">

属性値

值 説明
pixels ピクセル単位の高さ(例: height="100")。


HTML img 标签参考手册HTML <img> タグ その他の拡張