clientTop 속성

clientTop 속성은 상단 테두리의 너비 (border-top 값)을 포함합니다.

구문

javascriptelement.clientTop;

예제

요소의 상단 테두리 너비를 알아봅시다:

html<div id="elem"></div>
css#elem {
  width: 100px;
  height: 100px;
  border: 10px solid black;
}
javascriptlet elem = document.querySelector('#elem');
console.log(elem.clientTop);

코드 실행 결과:

javascript10

참고 항목

  • 왼쪽 테두리 너비를 포함하는 속성 clientLeft