Image width 属性

HTML DOM Image オブジェクト

定義と使用方法

width 属性は、画像の width 属性 の値。

HTMLのwidth属性は、画像の幅を指定します。

この属性は、CSSで設定されたスタイルの画像の幅も返却できます（以下の例を参照してください）。

ヒント：を使用してください height 属性 画像の height 属性 の値。

例

例 1

画像の幅を450pxに変更：

document.getElementById("myImg").width = "450";

実際に試してみてください

例 2

画像の幅を返却：

var x = document.getElementById("myImg").width;

実際に試してみてください

例 3

画像の高さと幅をそれぞれ300pxと450pxに変更：

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

実際に試してみてください

例 4

CSSで設定されたスタイルの画像の幅を返却：

var x = document.getElementById("myImg").width;

実際に試してみてください

文法

width 属性の返却：

imageObject.width

width 属性の設定：

imageObject.width = ピクセル

属性値

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

技術的詳細

返り値： 数値、画像の幅をピクセルで示します。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

関連ページ

HTML 参考マニュアル：HTML <img> width 属性

HTML DOM Image オブジェクト