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

Uniform Sides and None Value وحدة الجوانب الأربعة وقيمة الإلغاء

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

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

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

تذكّر دائماً قاعدتين حاكمتين عند كتابة outline-style في أوراق الأنماط:

  1. قبول قيمة مفردة واحدة حصراً: على عكس border-style: solid dashed; التي تقبل قيماً متعددة للجوانب، لا تقبل outline-style سوى كلمة مفتاحية واحدة فقط تحيط بكامل العنصر؛ فكتابة outline-style: solid dashed; تُعد خطأً نحوياً يرفضه المتصفح بالكامل.
  2. الإيقاف بالقيمة none: تعيد القيمة outline-style: none; إخفاء الحلقة الخارجية وتصفير سماكتها المحسوبة إلى 0px، لذا تجنب ترك الأزرار التفاعلية بلا تمييز بديل واضح.
الصف 2 ملاحظة هامة