HTML DOM Element scrollWidth 속성

정의와 사용법

scrollWidth 속성은 요소의 너비를 픽셀로 반환합니다. 내간격을 포함하고, 테두리, 스크롤바 또는 외간격을 제외합니다.

scrollWidth 속성은 읽기 전용입니다.

비고:scrollWidth 와 scrollHeight 두 속성은 모두 요소의 전체 높이와 너비를 반환합니다. 비시각적인 부분(overflow로 인해)을 포함합니다.

자세히 보기:

scrollHeight 속성

CSS overflow 속성

예제

예제 1

요소의 높이와 너비를 포함한 내간격을 얻습니다：

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

직접 시도해 보세요

예제 2

padding, border 및 scrollbar이 scrollWidth와 scrollHeight에 미치는 영향은 무엇인가요：

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

직접 시도해 보세요

예제 3

scrollHeight와 scrollWidth에서 반환된 값을 사용하여 요소의 높이와 너비를 설정합니다：

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

직접 시도해 보세요

문법

element.scrollWidth

반환 값

타입 설명
숫자 요소의 너비는 픽셀로 표시됩니다。

브라우저 지원

모든 브라우저가 지원합니다 element.scrollWidth：

크롬 IE 에지 파이어폭스 사파리 오퍼라
크롬 IE 에지 파이어폭스 사파리 오퍼라
지원 지원 지원 지원 지원 지원