예
a의 폭을 얻기 <div> 요소의 위쪽 및 왼쪽 경계를 :
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";TXT의 결과는 다음과 같습니다
Border top width: 15px
Border left width: 10px »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
clientLeft 속성은 픽셀 요소의 좌측 테두리의 폭을 반환한다.
이 속성은 요소의 왼쪽 패딩 또는 왼쪽 여백을 포함하지 않습니다.
팁 : 사용할 수 style.borderLeftWidth 요소의 왼쪽 테두리의 폭을 반환하는 속성을.
요소가 스크롤이있는 경우 Windows에서 크롬, 파이어 폭스와 오페라를 들어, (는 CSS에 의해 설정 참고 : 오버 플로우 속성), 그 요소의 텍스트 방향이 오른쪽에서 왼쪽 인 경우 (set by the CSS direction property) ,이 속성 함께 왼쪽 경계 폭, 수직 스크롤 바의 폭을 포함한다. IE 그러나, 그것은 반환 "0" . 사파리, 크롬, 파이어 폭스 나 오페라를 사용하여 맥 OS,에, 그것은 단지 왼쪽 테두리의 폭을 돌려줍니다.
팁 : 요소의 위쪽 테두리의 폭을 반환하려면 사용 의 clientTop의 속성을.
이 속성은 읽기 전용입니다.
브라우저 지원
| 재산 | |||||
|---|---|---|---|---|---|
| clientLeft | 예 | 예 | 예 | 예 | 예 |
통사론
element .clientLeft기술적 세부 사항
| 반환 값 : | 픽셀 요소의 왼쪽 테두리의 폭을 나타내는 숫자, |
|---|
더 예
예
이 예에서, 텍스트 방향 <div> 오른쪽에서 왼쪽이며, 스크롤바를 가지고
var left = document.getElementById("myDIV").clientLeft; »그것을 자신을 시도