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：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원