خصائص border-bottom CSS

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

خصائص border-bottom المختصرة تضع جميع خصائص الحدود السفلية في تصريح واحد.

يمكن إعداد الخصائص التالية بالترتيب:

إذا لم يتم تحديد أحد القيم، لن يكون هناك مشكلة، مثل border-bottom:solid #ff0000; وهو مسموح به أيضًا.

انظر أيضًا:

دليل CSSحافات CSS

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

مثال

تحديد نمط الحدود السفلية:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

تجربة شخصية

جملة CSS

border-bottom: border-width border-style border-color|initial|inherit;

قيمة الخاصية

القيمة الوصف
border-bottom-width يحدد عرض الحدود السفلية. انظر:border-bottom-width القيم الممكنة.
border-bottom-style يحدد نمط الحدود السفلية. انظر:border-bottom-style القيم الممكنة.
border-bottom-color يحدد لون الحدود السفلية. انظر:border-bottom-color القيم الممكنة.
inherit يحدد ما يجب أن تورث الخاصية border-bottom من العنصر الأب.

تفاصيل التقنية

القيمة الافتراضية: لم يتم تحديد
تنقل: لا
الإصدار: CSS1
جافا سكربت الجملة: موضوع.style.borderBottom="3px solid blue"

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

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

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

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

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

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