خصائص نمط الحدود اليسرى للCSS

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

يحدد border-left-style نمط الحد الأيسر للعنصر.

فقط عندما تكون هذه القيمة ليست none فإن الحافات قد تظهر.

في CSS1، يجب أن يدعم وكيل HTML فقط solid و none.

انظر أيضًا:

دليل CSSحافات CSS

دليل CSSخصائص border-left

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

مثال

ضبط نمط الحد الأيسر:

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

جرب بنفسك

جملة CSS

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

قيمة الخاصية

القيمة الوصف
none يحدد عدم وجود حواف.
hidden مثل "none"، باستثناء التطبيق على جداول، حيث يستخدم "hidden" لحل نزاعات الحواف.
dotted يحدد حافة نقاطية. يُعرض عادة كخط صلب في معظم المتصفحات.
dashed يحدد خطًا مشوشًا. يُعرض عادة كخط صلب في معظم المتصفحات.
solid يحدد خطًا صلبًا.
double يحدد خطين متوازيين. عرض الخطين يساوي قيمة border-width.
groove يحدد حافة 3D grooved. تأثيره يعتمد على قيمة border-color.
ridge يحدد حافة 3D ribbed. تأثيره يعتمد على قيمة border-color.
inset يحدد حافة 3D inset. تأثيره يعتمد على قيمة border-color.
outset يحدد حافة 3D outset. تأثيره يعتمد على قيمة border-color.
inherit يحدد يجب أن يتم تنسيق نمط الحد من العنصر الأم.

تفاصيل تقنية

القيمة الافتراضية: not specified
تنسيق الإرث: no
الإصدار: CSS1
جافا سكربت الجملة： object.style.borderLeftStyle="dotted"

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

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

دعم المتصفح

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2