最新のWeb開発のチュートリアル
 

HTML <img> width Attribute

<HTML <img>タグ

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

<img src="smiley.gif" alt="Smiley face" height="42" width="42">
»それを自分で試してみてください

width属性はピクセル単位で、画像の幅を指定します。

ヒント:必ず両方指定しheightwidthの画像の属性を。高さと幅が設定されている場合、ページがロードされるときに、画像に必要なスペースが確保されています。 しかし、これらの属性なしで、ブラウザは画像のサイズを知らない、そしてそれに適切なスペースを確保することはできません。 効果は、ページのレイアウトが(画像をロードしながら)をロード中に変更されることになります。

ヒント:高さと幅の属性と大きな画像をダウンサイジングは、(それがページ上の小さなように見えても)大きな画像をダウンロードするようにユーザーを強制します。これを回避するために、ページ上でそれを使用する前に、プログラムで画像を再スケーリング。


ブラウザのサポート

属性
width はい はい はい はい はい

HTML 4.01とHTML5の違い

HTML 4.01で、幅はピクセルまたは含まれている要素の%で定義することができました。 HTML5では、値はピクセル単位でなければなりません。


構文

<img width="pixels">

属性値

説明
pixels ピクセル単位の幅(例えば、 width="100"

<HTML <img>タグ