الخاصية اليسرى للعميل HTML DOM
مثال
احصل على عرض الحد العلوي والأيسر لعنصر <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تعرض الخاصية clientLeft عرض الحد الأيسر للعنصر بالبكسل.
لا تتضمن هذه الخاصية المساحة المتروكة اليسرى أو الهامش الأيسر.
نصيحة: يمكنك أيضًا استخدام الخاصية style.borderLeftWidth لإرجاع عرض الحد الأيسر للعنصر.
ملاحظة: بالنسبة إلى Chrome و Firefox و Opera على نظام التشغيل Windows ، إذا كان العنصر يحتوي على شريط تمرير (تم تعيينه بواسطة خاصية CSS overflow ) ، وإذا كان اتجاه النص لهذا العنصر من اليمين إلى اليسار (يتم تعيينه بواسطة خاصية اتجاه CSS ) ، فهذا تتضمن الخاصية عرض شريط التمرير العمودي ، جنبًا إلى جنب مع عرض الحد الأيسر. ومع ذلك ، في IE ، تقوم بإرجاع "0". في نظام التشغيل Mac OS ، باستخدام Safari أو Chrome أو Firefox أو Opera ، يتم إرجاع عرض الحد الأيسر فقط.
تلميح: لإرجاع عرض الحد العلوي لعنصر ما ، استخدم الخاصية clientTop .
هذه الخاصيه للقراؤه فقط.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
element.clientLeft
تفاصيل تقنية
قيمة الإرجاع: | رقم يمثل عرض الحد الأيسر للعنصر بالبكسل |
---|
مزيد من الأمثلة
مثال
في هذا المثال ، يكون اتجاه نص <div> من اليمين إلى اليسار ، ويحتوي على شريط تمرير:
var left = document.getElementById("myDIV").clientLeft;