HTML DOM Element clientTop 속성

정의와 사용법

clientTop 속성은 요소 상단 테두리의 너비를 픽셀로 반환합니다.

clientTop 속성은 요소의 상단 내간격이나 상단 외간격을 포함하지 않습니다.

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

주의:style.borderTopWidth 속성요소 상단 테두리의 너비도 반환합니다.

다른 내용 참조:CSS 프레임워크 튜토리얼

다른 내용 참조:

clientLeft 속성

clientWidth 속성

clientHeight 속성

offsetLeft 속성

offsetTop 속성

예제

myDIV의 상단과 좌측 테두리의 너비를 가져오기:

const element = document.getElementById("myDIV");
let text = "clientTop: " + element.clientTop + "px<br>";
text += "clientLeft: " + element.clientLeft + "px";

본인이 직접 시도해 보세요

문법

element.clientTop

반환 값

타입 설명
숫자 요소 상단 테두리의 너비를 픽셀로 계산합니다.

브라우저 지원

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

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