---
title: Window.innerWidth
slug: Web/API/Window/innerWidth
tags:
  - API
  - Property
  - Reference
translation_of: Web/API/Window/innerWidth
---
<p>{{APIRef}}<br>
 브라우저 윈도우의 뷰포트 너비로, 수직 스크롤바가 존재한다면 포함합니다.</p>

<h2 id="Syntax" name="Syntax">구문</h2>

<p> </p>

<pre>var <var>intViewportWidth</var> = window.innerWidth;</pre>

<h3 id="Value">Value</h3>

<p><strong><var>intViewportWidth</var></strong> stores the <code>window.innerWidth</code> property value.</p>

<p>The <code>window.innerWidth</code> property is read only; it has no default value.</p>

<h2 id="Notes" name="Notes">참고</h2>

<p>innerWidth 값은 window, frame, frameset이나 다른 윈도우들처럼 모든 window 형식의 객체에서 사용할 수 있습니다.</p>

<p>There is <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=189112#c7">an algorithm</a> to obtain the width of the viewport excluding, if rendered, the vertical scrollbar.</p>

<h2 id="예제">예제</h2>

<pre class="brush: js">// 다음과 같이 뷰포트의 폭을 받아올 수 있습니다.
var intFrameWidth = window.innerWidth;

// 다음과 같이 frameset 안의 어떤 frame의 뷰포트 폭을 받아올 수 있습니다.
var intFrameWidth = self.innerWidth;

// 다음과 같이 가장 가까운 frameset의 뷰포트 폭을 받아올 수 있습니다.
var intFramesetWidth = parent.innerWidth;

// 다음과 같이 가장 바깥쪽 프레임셋의 뷰포트 폭을 받아올 수 있습니다.
var intOuterFramesetWidth = top.innerWidth;</pre>

<p>윈도우의 사이즈를 변경하려면, {{domxref("window.resizeBy")}} 또는 {{domxref("window.resizeTo")}}를 참조하세요.</p>

<h2 id="Standards_information" name="Standards_information">명세</h2>

<p> </p>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('CSSOM View', '#dom-window-innerwidth', 'window.innerWidth')}}</td>
   <td>{{Spec2('CSSOM View')}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="브라우저_호환성">브라우저 호환성</h2>

<p>{{Compat("api.Window.innerWidth")}}</p>

<h2 id="참고_자료">참고 자료</h2>

<ul>
 <li>{{domxref("window.outerWidth")}}</li>
 <li>{{domxref("window.innerHeight")}}</li>
 <li>{{domxref("window.outerHeight")}}</li>
</ul>