CSS border hanyan

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

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

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

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

انظر أيضًا:

دليل CSSCSS کایا کایا

دليل HTML DOMخصائص الحواف

مثال

ضبط نمط الحواف لأربعة حواف:

p
  {
  border:5px solid red;
  }

جرب بنفسك

جملة CSS

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

قيمة الخاصية

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

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

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

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

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

دعم المتصفح

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

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