شرح صفوف ومحتوى الفقرة
يتساءل كثير من المتعلمين متى نعتمد على border ومتى نلجأ إلى Outline؟ يوضح الجدول الهندسي التالي الفروق الحاسمة بينهما:
| وجه المقارنة الهندسي | إطار الصندوق border | الإطار الخارجي Outline |
|---|---|---|
| أبعاد الصندوق | جزء من الصندوق ويزيد مساحته المحجوزة | يُرسَم خارج الصندوق ويضيف 0px لأبعاده |
| العناصر المجاورة | زيادة سماكته تدفع العناصر المجاورة | لا يزيح أو يحرك العناصر المجاورة مطلقاً |
| تخصيص الأضلاع | يدعم أضلاعاً منفردة مثل border-left | يحيط دائماً بكامل العنصر كحلقة متصلة |
| الوظيفة الأساسية | تأطير هيكلي دائم وفواصل بين الأقسام | مؤشرات التركيز وحلقات التنبيه البصرية |