Additive Subtractive Bordersإضافة وحذف حدود العناصر
شكّل عناصر الواجهة في بوتستراب 5.3 عبر كلاسات إضافة وحذف الحدود وألوانها وسماكتها، واستدارة الحواف والأشكال الدائرية، ونسب العرض والارتفاع وأبعاد النافذة ودرجات الظلال.
3 صفوف تعليمية
بوتستراب 5
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
يمنحك بوتستراب 5 تحكماً جراحياً في إطارات الصناديق عبر عائلتين متقابلتين من كلاسات الحدود: الكلاسات الإضافية التي ترسم إطاراً جديداً بسمك 1px مثل .border للجهات الأربع أو لجهة محددة منطقياً عبر .border-top و.border-bottom و.border-start و.border-end.
وفي المقابل تعمل الكلاسات الطرحية على إزالة حد موجود مسبقاً؛ فيحذف .border-0 الإطار الكامل، بينما يزيل .border-top-0 أو .border-end-0 ضلعاً واحداً فقط عند دمج الصناديق المتلاصقة.
الصف 2
صورة توضيحية
الشكل 1: المحاور الأربعة لتشكيل الصناديق والأبعاد والعمق البصري في Bootstrap 5.3.
مخطط أدوات الحدود واستدارة الحواف والأبعاد والظلال في بوتستراب 5.3
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (الحدود والأبعاد والظلال في بوتستراب 5)