خصائص الحدود اليسرى لـ CSS

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

خصائص border-left القصيرة تضع جميع خاصيات الحد اليسرى في بيان واحد.

يمكن إعداد هذه الخاصيات بالترتيب التالي:

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

انظر أيضًا:

دليل تعليم CSS:حافات CSS

دليل مرجعي HTML DOM:خاصية borderLeft

مثال

تعيين نمط الحد اليسرى:

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

تجربة شخصية

Grammar CSS

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

قيمة الخاصية

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

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

القيمة الافتراضية: غير محدد
التوريث: no
الإصدار: CSS1
جافا سكربت Grammar: object.style.borderLeft="3px solid blue"

أمثلة إضافية

جميع خاصيات الحدود اليسرى في بيان واحد
جميع خاصيات الحدود اليسرى في بيان واحد

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

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

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

التعليقات:بrowsers الإصدار IE7 وأقل لا يدعم القيمة "inherit". الإصدار IE8 يتطلب !DOCTYPE. الإصدار IE9 يدعم "inherit".