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

画像の幅プロパティ

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

300ピクセルに画像の幅を変更します。

document.getElementById("myImg").width = "300";
»それを自分で試してみてください

定義と使用法

widthプロパティを設定またはの値を返すwidth画像の属性を。

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

このプロパティは、また、CSSでスタイルされた画像の幅を返すことができます(その他の例を参照してください)。

ヒント:使用して、高さの値を設定または返すようにプロパティをheight画像の属性を。


ブラウザのサポート

プロパティ
width はい はい はい はい はい

構文

widthプロパティを返します:

imageObject .width

widthプロパティを設定します。

imageObject .width= pixels

プロパティ値

Value Description
pixels The width in pixels (e.g. height="100")

技術的詳細

戻り値: イメージの幅をピクセル単位で表す数値、

その他の例

画像の幅を返します:

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

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

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

300ピクセルに、画像の高さと幅を変更します。

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

CSSでスタイルされたイメージの幅を返します:

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

関連ページ

HTMLリファレンス: HTML <img> width属性


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