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

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

يحدد عرض الجانب العلوي للجدار للعنصر.

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

التعليقات:يجب دائمًا إعلان خاصية border-style قبل خاصية border-top-width. يمكن تغيير عرض الجدار للعنصر فقط بعد أن يصبح لديه جدار. إذا كان نمط الجدار هو none، فإن عرض الجدار سيتم إعادة تعيينه إلى 0. لا يُسمح بتخصيص قيم الطول السلبية.

انظر أيضًا:

دليل 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".