شرح صفوف ومحتوى الفقرة
يلخّص الجدول المرجعي والمختبر التفاعلي التالي جميع القيم العشر المتاحة لخاصية outline-style لاختيار الأنسب لكل عنصر في واجهتك:
| مجموعة النمط | القيم القياسية المتاحة | الاستخدام الموصى به في الواجهات |
|---|---|---|
| الواضح والنظامي | solid، auto | حلقات التركيز الأساسية للأزرار والروابط وحقول الإدخال |
| المتقطع والمنقط | dashed، dotted | روابط التخطي ومناطق السحب والتنبيهات الثانوية |
| المزدوج | double | إبراز البطاقات المميزة بسماكة 3px فأكثر |
| الثلاثي والإيقاف | groove، ridge، inset، outset، none | القوالب الكلاسيكية أو الإلغاء المشروط ببديل وصول واضح |
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس تفعيل الإطار الخارجي عبر خاصية outline-style، والمفاضلة بين أنماط solid و dashed و dotted و double و auto والأنماط البارزة، مع الالتزام بتمرير قيمة واحدة موحدة لكامل العنصر. في الخطوة التالية ننتقل إلى درس عرض الإطار الخارجي outline في لغة CSS لضبط سماكة الحلقة بالكلمات المفتاحية ووحدات البكسل.