خاصية clientTop DOM HTML Element

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

clientTop تُرجع الخاصية عرض العنصر الجانبي العلوي، بالبكسل.

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

clientTop الخصائص قابلة للقراءة فقط.

ملاحظة:خاصية style.borderTopWidthيُرجع أيضًا عرض العنصر الجانبي العلوي.

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

انظر أيضًا:

خاصية clientLeft

خاصية clientWidth

خاصية clientHeight

خاصية offsetLeft

خاصية offsetTop

مثال

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

const element = document.getElementById("myDIV");
let text = "clientTop: " + element.clientTop + "px<br>";
text += "clientLeft: " + element.clientLeft + "px";

تجربة شخصية

النصوص

element.clientTop

القيمة التي تعود

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

دعم المتصفح

جميع المتصفحات يدعمون element.clientTop：

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