الفرق بين المراجعتين لصفحة: «CSS/inherit»
< CSS
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
| سطر 34: | سطر 34: | ||
*مواصفة [https://drafts.csswg.org/css-values-3/#common-keywords CSS Values and Units Module Level 3]. | *مواصفة [https://drafts.csswg.org/css-values-3/#common-keywords CSS Values and Units Module Level 3]. | ||
*مواصفة [http://www.w3.org/TR/CSS2/cascade.html#value-def-inherit CSS Level 2 (Revision 1)]. | *مواصفة [http://www.w3.org/TR/CSS2/cascade.html#value-def-inherit CSS Level 2 (Revision 1)]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
مراجعة 15:34، 28 يناير 2018
الكلمة المحجوزة 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).