خصائص الحد الأعلى

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

خصائص border-top التبسيط تضع جميع خصائص الحد العلوي في إعلان واحد.

يمكن ضبط الخصائص التالية بالترتيب:

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

انظر أيضًا:

دليل CSSحافة CSS

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

مثال

تحديد نمط الحد العلوي:

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

جرب بنفسك

جافا سكربت CSS

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

قيمة الخاصية

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

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

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

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

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

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

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

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

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