خصائص عرض الحدود العلوية

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

تحدد خاصية border-top-width عرض الحدود العلوية للعنصر.

يعمل فقط عندما يكون نمط الحدود غير none. إذا كان نمط الحدود none، فإن عرض الحدود سيتم إعادة تعيينه إلى 0. لا يُسمح بتحديد قيم الطول السلبية.

ملاحظة:الرجاء التأكد من إعلان خاصية border-style قبل خاصية border-top-width. يمكن تغيير عرض الحدود فقط بعد أن يصبح العنصر مكتملًا.

انظر أيضًا:

دليل CSSحواف CSS

دليل CSSخاصية border-top

دليل HTML DOMخاصية borderTopWidth

مثال

تعيين عرض الحدود العلوية:

p
  {
  border-style:solid;
  border-top-width:15px;
  }

جرب بنفسك

نص CSS

border-top-width: medium|thin|thick|length|initial|inherit;

قيمة الخاصية

القيمة الوصف
thin يحدد عرض الحدود العلوية النحيفة.
متوسط القيمة الافتراضية. يحدد عرض الحدود العلوية المتوسطة.
thick يحدد عرض الحدود العلوية الكثيفة.
length يدعك تخصيص عرض الحدود العلوية.
inherit يحدد أن يجب على العنصر استيراد عرض الحدود من العنصر الأب.

تفاصيل تقنية

القيمة الافتراضية: متوسط
التنسيق: لا
الإصدار: CSS1
جافا سكريبت: object.style.borderTopWidth="thick"

مزيد من الأمثلة

تعيين عرض الحدود العلوية
هذا المثال يوضح كيفية تعيين عرض الحدود العلوية.

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

ملاحظة:متصفحات Internet Explorer 7 وكل الأحدث منها لا تدعم القيمة "inherit". يحتاج Internet Explorer 8 إلى !DOCTYPE. يدعم Internet Explorer 9 القيمة "inherit".