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

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

يحدد خاصية border-left-width عرض الجانب الأيسر للعنصر.

ينطبق فقط عندما يكون نمط الهوامش مختلفًا عن none. إذا كان نمط الهوامش none، فإن عرض الهوامش سيتم تعديله إلى 0. لا يسمح بتخصيص القيم السلبية.

التعليقات:يجب دائمًا تخصيص خاصية border-style قبل border-left-width. يمكن تغيير عرض الهوامش فقط بعد أن يتم إنشاء الهوامش. لا يسمح بتخصيص قيم الطول السلبية.

يرجى الرجوع أيضًا إلى:

دليل:حافة CSS

المرجع:خصائص الحدود اليسرى للCSS

المرجع:خصائص borderLeftWidth HTML DOM

مثال

ضبط عرض الجانب الأيسر للخط:

p
  {
  border-style:solid;
  border-left-width:15px;
  }

جرب بنفسك

لغة CSS

border-left-width: medium|thin|thick|طول|البداية|تنقل;

قيمة الخاصية

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

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

القيمة الافتراضية: متوسط
تنقل: لا
الإصدار: CSS1
لغة الجافا سكريبت: object.style.borderLeftWidth="thick"

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

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

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

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

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

التعليقات:المتصفحات التي لا تدعم إضافة "inherit". يحتاج IE8 إلى !DOCTYPE. يدعم IE9 إضافة "inherit".