clientLeft 속성

clientLeft 속성은 왼쪽 테두리(border-left 값)의 너비를 포함합니다. 보다 정확하게 말하면, clientLeft는 요소의 내부에서 외부까지의 여백 값을 포함합니다. 대부분의 경우 clientLeft는 border-left와 같지만, 문서가 오른쪽에서 왼쪽으로 배치되는 경우(예: 아랍어), clientLeft 값에 왼쪽 스크롤 막대의 너비도 포함될 수 있습니다.

구문

요소.clientLeft;

예제

요소의 왼쪽 테두리 너비를 알아봅시다:

<div id="elem"></div>

#elem {
	width: 100px;
	height: 100px;
	border: 10px solid black;
}

let elem = document.querySelector('#elem');
console.log(elem.clientLeft);

코드 실행 결과:

10

참고 항목

위쪽 테두리 너비를 포함하는 속성 clientTop