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

Named and Hex Outline Colors تلوين الحلقة بالأسماء وكود Hex

تعلّم كيفية تلوين حلقة الإطار الخارجي عبر خاصية outline-color بالأسماء اللونية وأكواد Hex الست عشرية المعتمة لتمييز العناصر النشطة بتباين بصري واضح ومقروء.
3 صفوف تعليمية
لغة CSS
3,830 مشاهدة

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

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

يمكنك إسناد قيمة outline-color إما بالأسماء اللونية الإنجليزية المباشرة أثناء التجريب السريع، وإما بأكواد #rrggbb السداسية والمختصرة #rgb لضمان تطابق درجة الحلقة مع دليل الهوية البصرية للمشروع:

صيغة اللونمثال التصريحأنسب استخدام عملي
الترك الافتراضيبدون تصريح مستقلمطابقة لون النص color للعنصر تلقائياً
الأسماء اللونيةoutline-color: crimson;النماذج الأولية السريعة وتنبيهات الحالة
كود Hex السداسيoutline-color: #0f766e;تطبيق درجات الهوية البصرية بدقة تامة
كود Hex الثلاثيoutline-color: #26f;اختصار نظيف للأكواد المكررة الخانات #2266ff
الصف 2 صورة توضيحية
مخطط يقارن اللون الافتراضي المستمد من لون النص مع التخصيص بالاسم اللوني crimson وبكود Hex الدقيق #0f766e
الصف 3 ملاحظة هامة