English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يُستخدم خاصية border-left-style CSS لضبط نمط الحدود اليسرى للعنصر. ومع ذلك، في العديد من الحالات، مثلنمط جدارأوجدار اليساريمكن استخدام هذه الخاصية القصيرة من CSS بسهولة أكبر وأفضل.
في الجدول أدناه، يُوضح استخدام خاصية هذه الخاصية وتاريخ إصداراتها، بالإضافة إلى استخدام هذه الخاصية في سكربتات JavaScript.
| القيمة الافتراضية: | لا شيء |
|---|---|
| يُستخدم في: | جميع العناصر |
| الوراثة: | لا يوجد |
| يمكن تفعيل الرسوم المتحركة: | لايرجى الرجوع إلى خصائص الرسوم المتحركة. |
| الإصدار: | CSS 1،2،3 |
| نحو لغة JavaScript: | object.style.borderLeftStyle="dashed" |
تكون نحو هذه الخاصية كالتالي:
border-left-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
في المثال التالي، يتم عرض كيفية استخدام خاصية border-left-style.
p {
border-left-style: dashed;
border-left-width: 3px;
}اختبار لرؤية‹/›جدول يصف القيم لهذه الخاصية.
| القيمة | وصف |
|---|---|
| لا شيء | لا يظهر الحاجب. |
| مخفي | مثل none، ولكن الفرق هو أن خلايا الجدول لهاالحاجب المدمجالقيمة المخفية shared borders، تأكد من عدم رسم الحاجب لأن القيمة المخفية have priority over all other border styles. |
| نقاط | يظهر الحاجب كسلسلة من النقاط. |
| مكسور | يظهر الحاجب كسلسلة من الخطوط القصيرة، مثل破折ية. |
| مستقيم | يظهر الحاجب كخط كامل. |
| مزدوج | يظهر الحاجب كخطين متوازيين من الخطوط الكاملة، مع وجود مسافة معينة بينهما. مجموع الخطين مع المسافة بينهما يساويعرض عرض جدارالقيمة. |
| groove | يظهر حاجبًا مدمجًا في اللوحة. إنه أيضًا يعطي انطباعًا ثلاثي الأبعاد، عادة من خلال استخدام لونين أكثر من لون الحاجب.لون جدارباستخدام لونين shallower وأعمق لإنشاء الظل. |
| ridge | يظهر حاجبًا يبدو عكسياً للجدار groove. إنه أيضًا يعطي انطباعًا ثلاثي الأبعاد، حيث يبدو الحاجب وكأنه يخرج من اللوحة. |
| inset | يظهر حاجبًا يجعل حجب العنصر يبدو وكأنه مدمج في اللوحة. إنه أيضًا يعطي انطباعًا ثلاثي الأبعاد، عادة من خلال إنشاء ظل باستخدام لونين مختلفين، أكثر من لون الحاجب.لون جداربشكل بسيط وأعمق. |
| outset | يظهر حاجبًا يبدو عكسياً للجدار inset. إنه أيضًا يعطي انطباعًا ثلاثي الأبعاد، حيث يجعل الجدار يبدو وكأنه يخرج من اللوحة. |
| تنسيق وراثي | إذا تم تحديد، فإن العنصر المرتبط يستخدم قيمة خاصية style border-left-style للجدار الأم. |
توافق المتصفحات لممتلكات style border-left-style، الأرقام في الجدول التالي تعكس إصدار أحدث متصفح يدعم هذه الخاصية. جميع المتصفحات الشائعة يدعمون هذه الخاصية.
|
تحذير: يستخدم Microsoft Internet Explorer 7 وكل إصداراته الأقدم القيمة المخفية لا يتم دعمها. يدعم Internet Explorer 8، لكنه يحتاج إلى. يدعم Internet Explorer 9 وأحدث إصداراته القيمة المخفية.
انظر إلى التعليمات التالية:جدار CSS,جدار CSS3.
خصائص مرتبطة:جدار,نمط جدار,جدار اليسار,لون جدار اليسار,
عرض عرض اليسار للجدار.