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

تعريف ووظيفة

يحدد نمط الجانب الأيسر للعنصر.

يظهر الإطار فقط عندما يكون هذا القيمة ليست 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 يحدد جوانب الإطار الثلاثية الأبعاد القوية. تأثيرها يعتمد على قيمة border-color.
ridge يحدد جوانب الإطار الثلاثية الأبعاد الحبيبية. تأثيرها يعتمد على قيمة border-color.
inset يحدد جوانب الإطار الثلاثية الأبعاد الداخلية. تأثيرها يعتمد على قيمة border-color.
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