شرح صفوف ومحتوى الفقرة
للتحقق عملياً من أن الإطار الخارجي لا يضيف أي بكسل إلى أبعاد الصندوق، انقر بالزر الأيمن على العنصر واختر Inspect ثم افتح تبويب Computed: ستجد أرقام العرض والارتفاع ثابتة تماماً حتى لو رفعت outline-width إلى 6px.
اختبر ثبات موضع الصناديق المتجاورة عند تفعيل الحلقة الخارجية في المختبر التفاعلي التالي:
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
تعرّفت في هذا الدرس على وظيفة الإطار الخارجي خارج حدود الصندوق وثبات أبعاد العنصر معه، وتتبعه التلقائي لاستدارة border-radius، وضرورة الحفاظ عليه لمستخدمي مفتاح Tab. في الخطوة التالية ننتقل إلى درس تحديد نوع الإطار الخارجي outline في لغة CSS لإتقان جميع أنماط الخط المتاحة وتفعيلها عملياً.