คุณสมบัติ clientLeft

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

ไวยากรณ์

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

ตัวอย่าง

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

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

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

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

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

10

ดูเพิ่มเติม

คุณสมบัติ clientTop,
ซึ่งเก็บความกว้างของเส้นขอบด้านบน