الفرق بين المراجعتين ل"CSS/initial"

من موسوعة حسوب
< CSS
اذهب إلى التنقل اذهب إلى البحث
سطر 9: سطر 9:
 
شيفرة HTML:<syntaxhighlight lang="html">
 
شيفرة HTML:<syntaxhighlight lang="html">
 
<p>
 
<p>
   <span>This text is red.</span>
+
   <span>هذا النص أحمر</span>
   <em>This text is in the initial color (e.g., black).</em>
+
   <em>هذا النص باللون الأولي (على سبيل المثال ، أسود)</em>
   <span>This is red again.</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 التي تُعيد ضبط قيمة الخاصية إلى قيمتها المورثة إن ورثت القيمة من العنصر الأب، أو إلى قيمتها الابتدائية إن لم ترثها.

مصادر ومواصفات