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

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

تحدد خاصية borderBottom-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;
  }

جرب بنفسك

جافا سكريبت سينتكس

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

قيمة الخاصية

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

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

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

تفاصيل تقنية

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

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

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

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

التعليقات:متصفحات Internet Explorer 7 وأقدم إصداراتها لا تدعم القيمة "inherit". يحتاج إصدار IE8 إلى !DOCTYPE. يدعم إصدار IE9 القيمة "inherit".