“img”要素~“width”属性

“width”属性について

“width”属性は画像の横幅を指定する属性です。

値はCSSピクセル数を単位のない正の整数で指定します。

画像ファイルの本来の大きさで描画したい場合は“width”属性と“height”属性を指定しなくてもそのままの大きさで描画されますが、画像の大きさを指定しておくことで読み込みの途中で描画域の大きさが変わって文書の読み込み時にレイアウトが崩れるのを防ぐことができます。

画像の表示サイズを変更する

画像の表示サイズを変更したい場合はスタイルシートの“width”プロパティでも横幅を指定できます。

img.sample {width: 300px;}


“width”属性と“width”プロパティの両方が指定されている場合は“width”プロパティでの指定が優先されます。

指定できる値

サンプルコード

<img src="sample.png" alt="サンプル画像" width="360" height="100">