คุณสมบัติ clientTop
คุณสมบัติ clientTop ประกอบด้วยความกว้าง
ของเส้นขอบด้านบน (ค่าของ border-top)
ไวยากรณ์
element.clientTop;
ตัวอย่าง
ลองมาดูความกว้างของเส้นขอบด้านบนขององค์ประกอบ:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.clientTop);
ผลลัพธ์ของการรันโค้ด:
10
ดูเพิ่มเติม
-
คุณสมบัติ
clientLeft,
ซึ่งประกอบด้วยความกว้างของเส้นขอบด้านซ้าย