คุณสมบัติ 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,
    ซึ่งประกอบด้วยความกว้างของเส้นขอบด้านซ้าย