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

Double and Auto Outline Styles النمط المزدوج والنمط التلقائي

استكشف جميع قيم خاصية outline-style العشر في لغة CSS بدءاً من الأنماط المتصلة والمتقطعة والمزدوجة والتلقائية وصولاً إلى الأنماط البارزة، وتعلّم قاعدة توحيد الجوانب الأربعة.
2 صفوف تعليمية
لغة CSS
2,895 مشاهدة

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

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

تقدّم خاصية outline-style قيمتين مميزتين لتلبية احتياجات الإبراز الواضح:

  • الخط المزدوج double: يرسم خطين متوازيين تفصل بينهما فجوة دقيقة؛ احرص دائماً على منحه سماكة outline-width لا تقل عن 3px أو 4px حتى يتسع الحيز للخطين والفراغ الفاصل بينهما.
  • النمط التلقائي auto: يفوّض المتصفح ونظام التشغيل برسم حلقة التركيز الأصيلة المدمجة لديه، وهي غالباً حلقة مزدوجة التباين مصممة لتبقى مقروءة فوق الخلفيات الفاتحة والداكنة على السواء.
الصف 2 ملاحظة هامة