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

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

تضبط سمة border-bottom-width عرض الحافات السفلية للعنصر.

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

ملاحظة:ينبغي دائمًا التعبير عن سمة border-style قبل سمة border-bottom-width. لا يمكن تغيير عرض الحدود للعنصر إلا بعد أن يصبح لديه حافات.

انظر أيضًا:

دليل CSS:حواف CSS

دليل CSS:سمة border-bottom

دليل HTML DOM:سمة borderBottomWidth

مثال

ضبط عرض الحدود السفلية:

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

جرب بنفسك

قواعد النص CSS

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

قيمة السمة

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

أمثلة أخرى

ضبط عرض الجانب السفلي للحدود
هذا المثال يوضح كيفية ضبط عرض الجانب السفلي للحدود.

تفاصيل تقنية

القيمة الافتراضية: medium
التنسيقية: no
الإصدار: CSS1
قواعد النص JavaScript: object.style.borderBottomWidth="thick"

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

توضح الأرقام في الجدول أحدث إصدار من المتصفحات الذي يدعم هذا السمة.

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

ملاحظة:لم يتم دعم القيمة "inherit" في متصفحات IE7 وأقدم. يحتاج IE8 إلى !DOCTYPE. يتم دعم "inherit" في IE9.