HTML DOM 엘리먼트 clientLeft 속성

정의와 사용법

clientLeft 속성은 요소 왼쪽 경계선의 너비를 픽셀로 반환합니다.

clientLeft 속성은 요소의 왼쪽 내간격이나 왼쪽 외간격을 포함하지 않습니다.

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

주의사항:style.borderLeftWidth 속성또한 요소 왼쪽 경계선의 너비를 반환합니다.

참조하십시오:CSS 프레임워크 튜토리얼

또한 참조하십시오:

clientTop 속성

clientWidth 속성

clientHeight 속성

offsetLeft 속성

offsetTop 속성

예제

예제 1

myDIV의 상단과 왼쪽 경계선의 너비를 표시합니다:

const elmnt = document.getElementById("myDIV");
let text = "Border top width: " + elmnt.clientTop + "px<br>";
text += "Border left width: " + elmnt.clientLeft + "px";

직접 시험해 보세요

예제 2

이 예제에서 "myDIV"의 텍스트 방향은 오른쪽에서 왼쪽으로이며, 스크롤이 있습니다:

let left = document.getElementById("myDIV").clientLeft;

직접 시험해 보세요

문법

element.clientLeft

반환 값

타입 설명
숫자 엘리먼트 왼쪽 경계선의 너비는 픽셀로 계산됩니다.

브라우저 지원

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

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