استخدام الخاصية CSS border-left مع أمثلة

خصائص CSS border-left تضبط عرض و نمط و لون الجانب الأيسر للعنصر. إنها تستخدم في بيانات واحدة لتعيين جميع خصائص الجانب الأيسر (بمعنىborder-left-width،border-left-styleوborder-left-colorالخصائص القصيرة للـ)

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

قواعد النحو لاستخدام الجانب الأيسر

قواعد النحو لهذه الخاصية هي:

border-left:　[　border-left-width　border-left-style　border-left-color　]　|　initial　|　inherit

المثال أدناه يوضح كيفية استخدام الخاصية border-left.

　　h1　{
　　　border-left:　5px　solid　#ff0000;
　　}
　　p　{
　　　border-left:　3px　dotted　#00ff00;
　　}

قيمة الخاصية

جدول أدناه يصف قيم هذه الخاصية.

توافق المستعرض

مستوى التوافق للمستعرض للخصائص border-left، الأرقام في الجدول التالي تعبر عن أحدث إصدار من المستعرض الذي يدعم الخاصية؛ جميع المتصفحات الرئيسية تدعم هذه الخاصية.

قراءة المزيد

انظر إلى الدروس:CSS Border،CSS3 Border。

الخصائص ذات الصلة:border،border-left-color،border-left-style،border-left-width。