ميزة clientLeft الخاصة بنموذج DOM HTML

تعريف وطرق الاستخدام

clientLeft الميزة تعود بعرض اليسار للنهاية، بمقياس البكسل.

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

clientLeft الميزة قابلة للقراءة فقط.

ملاحظة:ميزة style.borderLeftWidthيُرجع أيضًا عرض اليسار للنهاية للعنصر.

انظر أيضًا:دليل نموذج التخطيط CSS

انظر أيضًا:

ميزة clientTop

ميزة clientWidth

ميزة clientHeight

ميزة offsetLeft

ميزة offsetTop

مثال

مثال 1

عرض عرض الاعلى واليسار للعنصر:

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
الدعم الدعم الدعم الدعم الدعم الدعم