HTML DOM clientLeft 속성
예시
<div> 요소의 위쪽 및 왼쪽 테두리 너비를 가져옵니다.
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
clientLeft 속성은 요소의 왼쪽 테두리 너비를 픽셀 단위로 반환합니다.
이 속성은 요소의 왼쪽 패딩이나 왼쪽 여백을 포함하지 않습니다.
팁: style.borderLeftWidth 속성을 사용하여 요소의 왼쪽 테두리 너비를 반환 할 수도 있습니다 .
참고: Windows의 Chrome, Firefox 및 Opera의 경우 요소에 스크롤바 (CSS overflow 속성으로 설정)가 있고 해당 요소의 텍스트 방향이 오른쪽에서 왼쪽(CSS 방향 속성으로 설정)인 경우 속성에는 왼쪽 테두리 너비와 함께 세로 스크롤 막대의 너비가 포함됩니다. 그러나 IE에서는 "0"을 반환합니다. Mac OS에서 Safari, Chrome, Firefox 또는 Opera를 사용하는 경우 왼쪽 테두리 너비만 반환합니다.
팁: 요소의 위쪽 테두리 너비를 반환하려면 clientTop 속성을 사용하세요.
이 속성은 읽기 전용입니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
통사론
element.clientLeft
기술적 세부 사항
반환 값: | 요소의 왼쪽 테두리 너비를 픽셀 단위로 나타내는 숫자 |
---|
더 많은 예
예시
이 예에서 <div>의 텍스트 방향은 오른쪽에서 왼쪽이며 스크롤바가 있습니다.
var left = document.getElementById("myDIV").clientLeft;