خاصية Style borderTopWidth
- الصفحة السابقة borderTopStyle
- الصفحة التالية borderWidth
- العودة إلى الطبقة السابقة مثل HTML DOM Style
التعريف والاستخدام
borderTopWidth إعداد أو العودة إلى عرض الحواف العلوية للعنصر.
شاهد أيضًا:
دليل CSS التعليميحواف CSS
دليل CSSخاصية border-top-width
دليل HTML DOMخاصية الحواف
مثال
مثال 1
تعديل عرض الحواف العلوية للعنصر <div> إلى 10px:
document.getElementById("myDiv").style.borderTopWidth = "10px";
مثال 2
تعديل عرض الحواف العلوية للعنصر <div> إلى نحيف:
document.getElementById("myDiv").style.borderTopWidth = "thin";
مثال 3
التحقق من عرض الحواف العلوية للعنصر <div>:
alert(document.getElementById("myDiv").style.borderTopWidth);
النحو
التحقق من الخاصية borderTopWidth:
object.style.borderTopWidth
إعداد الخاصية borderTopWidth:
object.style.borderTopWidth = "thin|medium|thick|length|initial|inherit"
| القيمة | الوصف |
|---|---|
| thin | تعريف الحواف الصغيرة. |
| medium | تعريف الحواف المتوسطة. افتراضي. |
| thick | تعريف الحواف الكبيرة. |
| length | عرض الحواف بالطول. |
| initial | اعتماد هذه الخاصية على القيمة الافتراضية. يرجى الرجوع إلى initial. |
| inherit | تنقل هذه الخاصية من عنصر الأب. يرجى الرجوع إلى inherit. |
تفاصيل تقنية
| القيمة الافتراضية: | medium |
|---|---|
| القيمة المطلوبة: | قيمة النص، تعبر عن عرض الحواف العلوية للعنصر. |
| إصدار CSS: | CSS1 |
المتصفح يدعم
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة borderTopStyle
- الصفحة التالية borderWidth
- العودة إلى الطبقة السابقة مثل HTML DOM Style
