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

HTML タグ一覧

HTML: <img> width プロパティ

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

オンラインサンプル

高さと幅がすべて 30ピクセルの画像：

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<img>　width　プロパティ　-　基本チュートリアルウェブ　oldtoolbag.com「/title>
<body>
<img　src="haha.gif"　alt="haha　face"　width="30"　height="30">
</body>
</html>

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

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

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

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

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

HTML 4.01 と HTML5の間の差

HTML 4.01 中、幅はピクセル単位または要素を含むパーセント単位で定義されるべきです。HTML5 中、幅の値はピクセル単位で指定する必要があります。

文法

<img width="pixels">

属性値

値	説明
pixels	ピクセル単位の幅（例えば width="100"）

　HTML <img> タグ

HTML: <template> タグ