最新のWeb開発のチュートリアル
 

画像naturalHeightプロパティ

イメージ・オブジェクトリファレンス 画像物体

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

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

xの結果は次のようになります。

98
»それを自分で試してみてください

定義と使用法

naturalHeightプロパティは、画像の元の高さを返します。

たとえば、あなたがもともと200ピクセルの高さのイメージを持っている場合。 そして、あなたは、CSSと/または高500ピクセルにするために、HTML「高さ」属性を使用して画像をスタイル。 naturalHeightプロパティには、「200」を返します高さプロパティは、しかし、500を返します。

ヒント:使用naturalWidth画像の元の幅、または返すようにプロパティをの値を設定または返すために財産width画像の属性を。

注:このプロパティは読み取り専用です。


ブラウザのサポート

プロパティ
naturalHeight はい 9.0 はい はい はい

構文

imageObject .naturalHeight

技術的詳細

戻り値: ピクセル単位で画像の元の高さを表す数値、

その他の例

naturalHeightプロパティとheightプロパティの違い:

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;
»それを自分で試してみてください

イメージ・オブジェクトリファレンス 画像物体