ماذا تعني القيمة inherit في CSS؟

سهلقراءة دقيقةآخر تحديث 1 أكتوبر 2026

CSS تطوير الويب

الإجابة

القيمة inherit تجعل الخاصية ترث قيمتها من العنصر الأب:

.card { color: #143447; }

.card a {
  color: inherit;   /* links take the card's text color */
}

متى أحتاجها؟

بعض الخصائص لا تُورث تلقائيًا (مثل border)، وبعض العناصر لها قيم افتراضية من المتصفح (مثل لون الروابط وخط الأزرار). inherit تجبرها على اتباع الأب:

button { font: inherit; }

قيم قريبة

  • initial: القيمة الافتراضية للخاصية في CSS.
  • unset: inherit للخصائص الموروثة طبيعيًا، وinitial لغيرها.

اختبر فهمك

في CSS، ماذا تعني القيمة inherit؟