width属性はピクセル単位で、画像の幅を指定します。
ヒント:必ず両方指定しheightとwidthの画像の属性を。高さと幅が設定されている場合、ページがロードされるときに、画像に必要なスペースが確保されています。 しかし、これらの属性なしで、ブラウザは画像のサイズを知らない、そしてそれに適切なスペースを確保することはできません。 効果は、ページのレイアウトが(画像をロードしながら)をロード中に変更されることになります。
ヒント:高さと幅の属性と大きな画像をダウンサイジングは、(それがページ上の小さなように見えても)大きな画像をダウンロードするようにユーザーを強制します。これを回避するために、ページ上でそれを使用する前に、プログラムで画像を再スケーリング。
ブラウザのサポート
属性 | |||||
---|---|---|---|---|---|
width | はい | はい | はい | はい | はい |
HTML 4.01とHTML5の違い
HTML 4.01で、幅はピクセルまたは含まれている要素の%で定義することができました。 HTML5では、値はピクセル単位でなければなりません。
構文
<img width="pixels">
属性値
値 | 説明 |
---|---|
pixels | ピクセル単位の幅(例えば、 width="100" |