خصائص clientLeft DOM HTML Element

تعريف واستخدام

clientLeft خصائص تعيد عرض عرض الجانب الأيسر للعنصر، مقاسه بالبكسل.

clientLeft خصائص لا تشمل الهوامش الداخلية أو الخارجية للجانب الأيسر للعنصر.

clientLeft خصائص غير قابل للتعديل.

ملاحظة:خصائص style.borderLeftWidthيستعيد أيضًا عرض الجانب الأيسر للعنصر.

يرجى الرجوع إلى:دليل تعلم CSS الإطار

يرجى الرجوع إلى:

خصائص clientTop

خصائص clientWidth

خصائص clientHeight

خصائص offsetLeft

خصائص offsetTop

مثال

مثال 1

عرض عرض الجانب الأعلى والجانب الأيسر لـ myDIV:

const elmnt = document.getElementById("myDIV");
let text = "عرض عرض الجانب الأعلى: " + elmnt.clientTop + "px<br>";
text += "عرض عرض الجانب الأيسر: " + elmnt.clientLeft + "px";

جرب بنفسك

مثال 2

في هذا المثال، نص "myDIV" يسير من اليمين إلى اليسار، ولديه نافذة تمرير:

let left = document.getElementById("myDIV").clientLeft;

جرب بنفسك

النصوص

element.clientLeft

القيمة الم返回ة

نوع وصف
رقم عرض عرض الجانب الأيسر للعنصر، مقاسه بالبكسل.

دعم المتصفح

جميع المتصفحات يدعمون element.clientLeft:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
دعم دعم دعم دعم دعم دعم