Image naturalWidth 属性

HTML DOM Image オブジェクト

定義と使用方法

naturalWidth 属性は画像の元の幅を返します。

たとえば、最初に 100 ピクセル幅の画像がある場合、CSS/またはHTMLの「幅」属性を使用して画像のスタイルを設定し、画像の幅を 500 ピクセルにします。naturalWidth 属性は「100」と返しますが、width 属性は「500」と返します。

ヒント：次のように使用してください： naturalHeight 属性 画像の元の高さを返します、または height 属性 画像の幅または高さを設定または返します。 height 属性 の値。

注意：この属性は読み取り専用です。

例

例 1

画像の元の幅を返します：

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

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

例 2

naturalWidth 属性と width 属性の違い：

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

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

構文

imageObject.naturalWidth

技術的詳細

返り値： 数値、画像の元の幅を表します（ピクセル単位で）。

ブラウザのサポート

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

HTML DOM Image オブジェクト