انتقل إلى محتوى الدرس

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
مخطط أدوات الحدود واستدارة الحواف والأبعاد والظلال في بوتستراب 5.3
الصف 3 ملاحظة هامة