Window innerWidth 属性

定義と使用方法

innerWidth 属性はウィンドウの内容エリアの幅を返します。

innerWidth 属性は読み取り専用です。

参照：

innerHeight 属性

outerWith 属性

outerHeight 属性

例

例1

ウィンドウの幅を取得：

let width = window.innerWidth;

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

let width = innerWidth;

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

例2

すべての高さと幅属性：

let text =
"<p>innerWidth: " + window.innerWidth + "</p>" +
"<p>innerHeight: " + window.innerHeight + "</p>" +
"<p>outerWidth: " + window.outerWidth + "</p>" +
"<p>outerHeight: " + window.outerHeight + "</p>";

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

構文

window.innerWidth

または：

innerWidth

返り値

タイプ 説明
数字 ブラウザのウィンドウ内容エリアの内部幅（ピクセルで表されます）。

ブラウザのサポート

すべてのブラウザがサポートしています window.innerWidth：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート