画像幅プロパティ
例
画像の幅を300pxに変更します。
document.getElementById("myImg").width = "300";
定義と使用法
widthプロパティは、画像のwidth属性の値を設定または返します。
width属性は、画像の幅を指定します。
このプロパティは、CSSでスタイル設定された画像の幅を返すこともできます(その他の例を参照)。
ヒント:heightプロパティを使用して、画像のheight属性の値を設定または返します。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
構文
widthプロパティを返します。
imageObject.width
widthプロパティを設定します。
imageObject.width = pixels
プロパティ値
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
技術的な詳細
戻り値: | 画像の幅をピクセル単位で表す数値 |
---|
その他の例
例
画像の幅を返します。
var x = document.getElementById("myImg").width;
例
画像の高さと幅を300pxに変更します。
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
例
CSSでスタイル設定された画像の幅を返します。
var x = document.getElementById("myImg").width;
関連ページ
HTML参照:HTML <img>幅属性
❮画像オブジェクト