شرح صفوف ومحتوى الفقرة
تقبل جميع خصائص CSS أربع كلمات مفتاحية قياسية عالمية تمنحك تحكماً صريحاً في فرض الوراثة أو التراجع عن التنسيق عند الحاجة:
| الكلمة المفتاحية | السلوك الدقيق في المتصفح | متى نستخدمها عملياً؟ |
|---|---|---|
inherit | تجبر العنصر على نسخ القيمة المحسوبة من عنصره الأب المباشر | إلزام عنصر فرعي بمطابقة لون الحاوية الأم بدلاً من لونه الخاص |
initial | تعيد الخاصية إلى القيمة الابتدائية المجردة في مواصفة اللغة | إرجاع خاصية غير موروثة إلى نقطة الصفر المعيارية للمواصفة |
unset | تعمل عمل inherit للخصائص الموروثة وعمل initial لغير الموروثة | مسح تنسيق المطور بذكاء وفق الطبيعة الفطرية للخاصية |
revert | تلغي أنماط المطور وتعود إلى نمط المتصفح الافتراضي للوسم | استعادة الحجم الطبيعي لعنوان <h1> كما يعرضه المتصفح أصلاً |
HTML
<style>
.parent-box { color: navy; font-size: 20px; }
p { color: crimson; }
.match-parent { color: inherit; }
.restore-heading { font-size: revert; }
</style>
<div class="parent-box">
<h1 class="restore-heading">Heading Size Reverted</h1>
<p>Paragraph uses crimson.</p>
<p class="match-parent">Forced to inherit navy!</p>
</div>