مثال
الحصول على عرض من <div> الحد العلوي وترك العنصر:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";وستكون النتيجة من النص على النحو التالي:
Border top width: 15px
Border left width: 10px انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
الخاصية clientLeft ترجع عرض الحد الأيسر من عنصر، في بكسل.
لا يشمل هذا العقار الحشو الجهة اليسرى للعنصر أو الهامش الأيسر.
نصيحة: يمكنك أيضا استخدام style.borderLeftWidth الملكية للعودة عرض الحد الأيسر للعناصر.
ملاحظة: للكروم، فايرفوكس وأوبرا على ويندوز، إذا كان العنصر لديه شريط التمرير (التي وضعتها CSS تجاوز الملكية)، وإذا كان اتجاه النص من هذا العنصر من اليمين إلى اليسار (set by the CSS direction property) ، وهذا وتشمل الممتلكات عرض شريط التمرير العمودي، جنبا إلى جنب مع عرض الحد الأيسر. في IE، ومع ذلك، فإنها ترجع "0" . على نظام التشغيل ماك، وذلك باستخدام سفاري، كروم، فايرفوكس أو أوبرا، فإنها ترجع فقط عرض الحد الأيسر.
نصيحة: للعودة عرض الحد العلوي من عنصر، استخدم clientTop الممتلكات.
هذه الخاصيه للقراؤه فقط.
دعم المتصفح
| خاصية | |||||
|---|---|---|---|---|---|
| clientLeft | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
element .clientLeftتفاصيل تقنية
| قيمة الإرجاع: | الرقم الذي يمثل عرض الحد الأيسر للعناصر، بالبكسل |
|---|
مزيد من الأمثلة
مثال
في هذا المثال، اتجاه النص من <div> من اليمين إلى اليسار، ولها شريط التمرير:
var left = document.getElementById("myDIV").clientLeft; انها محاولة لنفسك »