คุณสมบัติ clientLeft

คุณสมบัติ clientLeft เก็บความกว้าง ของเส้นขอบด้านซ้าย (ค่า border-left) พูดให้ถูกต้อง clientLeft เก็บค่าช่องว่าง ของส่วนภายในองค์ประกอบจากส่วนนอก ในกรณีส่วนใหญ่ clientLeft จะเท่ากับ border-left แต่ หากเอกสารจัดวางจากขวาไปซ้าย (เช่น ภาษาอาหรับ) แล้ว ในค่า clientLeft อาจรวมความกว้างของแถบ เลื่อนด้านซ้ายเข้าไปด้วย

ไวยากรณ์

javascriptองค์ประกอบ.clientLeft;

ตัวอย่าง

มาดูความกว้างของเส้นขอบด้านซ้ายขององค์ประกอบ:

html<div id="elem"></div>

css#elem {
  width: 100px;
  height: 100px;
  border: 10px solid black;
}

javascriptlet elem = document.querySelector('#elem');
console.log(elem.clientLeft);

ผลลัพธ์จากการรันโค้ด:

javascript10

ดูเพิ่มเติม