الكلمة المحجوزة inherit
< CSS
الكلمة المحجوزة inherit
في CSS تؤدي إلى جعل العنصر يأخذ القيمة المحسوبة لهذه الخاصية من العنصر الأب، ويمكن تطبيق هذه القيمة على جميع خاصيات CSS بما في ذلك خاصية all
المختصرة.
إذا كانت الخاصية موروثة، فيمكن استخدام هذه القيمة للتوضيح أو لتجاوز قيمة قاعدة أخرى، أما للخاصيات غير الموروثة، فستجد أنَّ من غير المنطقي استخدام هذه القيمة وربما تضع بالحسبان استخدام الكلمة المحجوزة initial
.
لاحظ أنَّ الوراثة تكون من العنصر الأب في شجرة المستند دومًا، حتى لو لم يكن العنصر الأب هو حاوية كتلية (containing block).
أمثلة
سنستخدم في المثال الآتي الخاصية color
لضبط لون عناصر <h2>
، لكننا نريد أن ترث عناصر <h2>
الموجودة ضمن الشريط الجانبي (العنصر <aside>
) لون العنصر الأب.
h2 { color: green; }
aside h2 { color: inherit; }
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 1.0 | 1.0 | 8.0 | 4.0 | 1.0 |
مصادر ومواصفات
- مسودة CSS Cascading and Inheritance Level 4.
- مواصفة CSS Values and Units Module Level 3.
- مواصفة CSS Level 2 (Revision 1).