الخاصية color تحدد لون النص داخل العنصر:

p     { color: navy; }
.alert { color: #f04438; }
.muted { color: rgb(102 112 133); }
.brand { color: hsl(350 77% 59%); }

معلومة مفيدة: currentColor

القيمة currentColor تعني “لون النص الحالي”، فيمكن جعل الإطار أو الأيقونة بلون النص نفسه تلقائيًا:

.button {
  color: #143447;
  border: 2px solid currentColor;
}

ما الذي لا تفعله؟

لا تغير الخلفية (لذلك background-color)، ولا حجم الخط (لذلك font-size). ولشفافية النص استخدم لونًا شفافًا مثل rgb(0 0 0 / 50%) أو opacity.