نمط الحدود الخاصية TopWidth
مثال
غيّر عرض الحد العلوي لعنصر <div> إلى 10 بكسل:
document.getElementById("myDiv").style.borderTopWidth = "10px";
التعريف والاستخدام
تعيّن الخاصية borderTopWidth أو تُرجع عرض الحد العلوي لعنصر ما.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
borderTopWidth | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
قم بإرجاع الخاصية borderTopWidth:
object.style.borderTopWidth
قم بتعيين الخاصية borderTopWidth:
object.style.borderTopWidth = "thin|medium|thick|length|initial|inherit"
قيم الملكية
Value | Description |
---|---|
thin | Defines a thin border |
medium | Defines a medium border. This is default |
thick | Defines a thick border |
length | The width of the border in length units |
inherit | The width of the top border is inherited from the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | متوسط |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل عرض الحد العلوي للعنصر |
إصدار CSS | CSS1 |
مزيد من الأمثلة
مثال
غيّر عرض الحد العلوي لعنصر <div> إلى رفيع:
document.getElementById("myDiv").style.borderTopWidth = "thin";
مثال
قم بإرجاع عرض الحد العلوي لعنصر <div>:
alert(document.getElementById("myDiv").style.borderTopWidth);
الصفحات ذات الصلة
دروس CSS: CSS Border
مرجع CSS: خاصية border-top-width
مرجع DOM HTML: خاصية الحدود
❮ نمط الكائن