diff options
Diffstat (limited to 'files/ko/web/api/window/innerwidth/index.html')
-rw-r--r-- | files/ko/web/api/window/innerwidth/index.html | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/files/ko/web/api/window/innerwidth/index.html b/files/ko/web/api/window/innerwidth/index.html new file mode 100644 index 0000000000..129b4a9347 --- /dev/null +++ b/files/ko/web/api/window/innerwidth/index.html @@ -0,0 +1,78 @@ +--- +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" title="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> |