خصائص عرض الحدود اليمنى CSS

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

يحدد عرض الحدود اليمنى للعنصر.

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

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

انظر أيضًا:

دليل CSS التعليميحافات CSS

دليل CSSخصائص border-right

دليل HTML DOMخصائص borderRightWidth

مثال

ضبط عرض الحدود اليمنى:

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

جرب بنفسك

جافا سكربت CSS

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

قيمة الخاصية

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

تفاصيل تقنية

القيمة الافتراضية: متوسط
التنسيق: لا
الإصدار: CSS1
جافا سكربت: object.style.borderRightWidth="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".