Свойство 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 свойстваси,
юқори чегаранинг энини ўз ичига олувчи