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

CSS Colors ألوان النصوص في لغة CSS

ستتلعم في هذا الدرس إضافة ألوان لعناصر HTML التي تحتوي علي محتوي نصي وتغيير الألوان الأفتراضية للنصوص إلي أي لون أخر يتماشي مع تصميم صفحة الويب.

1 صفوف تعليمية
لغة CSS
14,695 مشاهدة

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

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

تستخدم الخاصية color لتحديد لون النص. يمكن كتابة اللون باسم مثل red، أو بصيغة رقمية مثل #f00 أو rgb(255,0,0).

  • اسم اللون: مثل red وblue وblack.
  • HEX: مثل #f00 للأحمر و#0f0 للأخضر.
  • RGB: مثل rgb(255,0,0).
  • قناة الشفافية: مثل rgba(255,0,0,0.5)؛ وتقبل الصيغة الحديثة rgb قناة alpha أيضًا.
  • HSL: مثل hsl(0, 100%, 50%)؛ لا توضع مسافة بين اسم الدالة والقوس الافتتاحي.
ألوان النصوص في لغة CSS

Color Name

طريقة إستخدام قيمة خاصية color property بواسطة إسم اللون color name.

CSS
p {color:red}

hex color

طريقة إستخدام قيمة خاصية color property بواسطة hex الهيكس اللون hex color.

CSS
p {color:#f00}

RGB Color

طريقة إستخدام قيمة خاصية color property بواسطة RGB اللون RGB color.

CSS
p {color:rgb(255,0,0)}

RGBA Color

القيمة الرابعة تستخدم في عمل اللون شفاف بلغة CSS.

CSS
p {color:rgba(255,0,0,0.5)}