الفرق بين المراجعتين لصفحة: «CSS/initial»
< CSS
لا ملخص تعديل |
لا ملخص تعديل |
||
سطر 9: | سطر 9: | ||
شيفرة HTML:<syntaxhighlight lang="html"> | شيفرة HTML:<syntaxhighlight lang="html"> | ||
<p> | <p> | ||
<span> | <span>هذا النص أحمر</span> | ||
<em> | <em>هذا النص باللون الأولي (على سبيل المثال ، أسود)</em> | ||
<span> | <span>هذا أحمر مرة أخرى</span> | ||
</p> | </p> | ||
مراجعة 20:27، 30 أكتوبر 2018
الكلمة المحجوزة initial
في CSS تُطبِّق القيمة الابتدائية للخاصية على العنصر، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصية all
المختصرة.
لاحظ أنَّ القيمة الابتدائية في الخاصيات التي ورثت قيمها عن آبائها قد تكون مُفاجئة لك، لذا قد ترى أنَّ استخدام إحدى الكلمات المحجوزة inherit
أو unset
أو revert
مناسبٌ أكثر.
أمثلة
مثال عن ضبط لون الفقرة <p>
إلى اللون الأحمر، ثم استخدام الكلمة المحجوزة initial
على العنصر <em>
لإعادة قيمة الخاصية color
إلى قيمتها الابتدائية (اللون الأسود).
شيفرة HTML:
<p>
<span>هذا النص أحمر</span>
<em>هذا النص باللون الأولي (على سبيل المثال ، أسود)</em>
<span>هذا أحمر مرة أخرى</span>
</p>
شيفرة CSS:
p {
color: red;
}
em {
color: initial;
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 1.0 | 19.0 | غير مدعومة | 15.0 | 1.2 |
انظر أيضًا
- صفحة الكلمة المحجوزة
inherit
التي تؤدي إلى جعل العنصر يأخذ القيمة المحسوبة لهذه الخاصية من العنصر الأب، ويمكن تطبيق هذه القيمة على جميع خاصيات CSS بما في ذلك خاصيةall
المختصرة. - صفحة الكلمة المحجوزة
unset
التي تُعيد ضبط قيمة الخاصية إلى قيمتها المورثة إن ورثت القيمة من العنصر الأب، أو إلى قيمتها الابتدائية إن لم ترثها.