Свойство 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

Шунингдек қаранг

  • clientTop свойстваси,
    юқори чегаранинг энини ўз ичига олувчи