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

Core Outline Properties Overview نظرة شاملة لخصائص الإطار الخارجي

افهم آلية عمل الإطار الخارجي في لغة CSS لرسم حلقة بصرية واضحة خارج حدود العنصر دون تغيير أبعاده أو إزاحة العناصر المجاورة، وتعرّف على أهميته الجوهرية لمؤشر التركيز.
1 صفوف تعليمية
لغة CSS
5,168 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

توفّر CSS منظومة خصائص متكاملة للتحكم الدقيق في مظهر الإطار الخارجي عبر دروس هذا الفصل:

  • خاصية النمط outline-style: تحدد شكل خط الحلقة مثل solid أو dashed، وقيمتها الابتدائية هي none فلا تظهر الحلقة إلا بتحديدها.
  • خاصية السماكة outline-width: تضبط عرض الحلقة بوحدات الطول كالبكسل أو الكلمات المفتاحية القياسية.
  • خاصية اللون outline-color: تحدد لون الحلقة البصرية، إلى جانب إمكانية التحكم في المسافة الفاصلة والاختصار الشامل اللذين سنتناولهما في الدروس القادمة من هذا الفصل.
  • عدم التجزئة لأضلاع منفردة: لا توجد في CSS خصائص لضلع علوي أو جانبي للإطار الخارجي؛ بل يلتف دائماً كحلقة موحدة حول جميع جوانب العنصر.