Image naturalHeight 属性

HTML DOM Image オブジェクト

定義と使用法

naturalHeight 属性は画像の元の高さを返します。

たとえば、最初に 200ピクセル高かった画像がある場合、CSS/またはHTMLの"height"属性を使用して画像のスタイルを設定し、画像の高さを 500ピクセルにします。naturalHeight 属性は"200"を返し、height 属性は 500 を返します。

ヒント：次を使用してください naturalWidth 属性 画像の元の幅を返します、または width 属性 画像の width 属性 の値。

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

例

例 1

画像の元の高さを返します：

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

自分で試してみる

例 2

naturalHeight 属性と height 属性の違い：

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;

自分で試してみる

構文

imageObject.naturalHeight

技術的詳細

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

ブラウザのサポート

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

HTML DOM Image オブジェクト