HTML DOM scrollWidth 속성

HTML DOM Element 객체

scrollWidth읽기 전용 속성은 요소의 전체 너비(픽셀 단위)를 반환하며, 화면에서 보이지 않는 오버플로우 내용도 포함합니다.

너비를 측정하는 방법은clientWidth같습니다: 요소의 패딩을 포함하지만, 프레임, 마argins 또는 스크롤 바는 포함하지 않습니다.

또한 가상 요소의 너비를 포함할 수 있습니다. 예를 들어:: before또는:: after요소의 내용이 수평 스크롤 바 없이 맞추어질 수 있다면, 그 scrollWidth는clientWidth。

사용:scrollHeight속성은 요소의 전체 높이를 반환합니다.

문법:

element.scrollWidth

var elem = document.getElementById("box");
var y = elem.scrollHeight;
var x = elem.scrollWidth;

브라우저 호환성

표에서의 숫자는 scrollWidth 속성을 최초로 완전히 지원한 브라우저 버전을 지정합니다:

기술 세부 사항

관련 참조

HTML DOM 참조:scrollHeight 속성

HTML DOM 참조:clientWidth 속성

HTML DOM 참조:offsetWidth 속성

CSS 참조:overflow 속성

HTML DOM Element 객체