الفرق بين المراجعتين لصفحة: «CSS/initial»

من موسوعة حسوب
< CSS
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}'
لا ملخص تعديل
سطر 40: سطر 40:
|1.2
|1.2
|}
|}
==مصادر ومواصفات==
==انظر أيضًا==
* صفحة الكلمة المحجوزة <code>[[CSS/inherit|inherit]]</code> التي تؤدي إلى جعل العنصر يأخذ القيمة المحسوبة لهذه الخاصية من العنصر الأب، ويمكن تطبيق هذه القيمة على جميع خاصيات CSS بما في ذلك خاصية<code>all</code> المختصرة.
* صفحة الكلمة المحجوزة <code>[[CSS/unset|unset]]</code> التي تُعيد ضبط قيمة الخاصية إلى قيمتها المورثة إن ورثت القيمة من العنصر الأب، أو إلى قيمتها الابتدائية إن لم ترثها.
 
== مصادر ومواصفات ==
*مسودة [https://drafts.csswg.org/css-cascade/#initial CSS Cascading and Inheritance Level 4].
*مسودة [https://drafts.csswg.org/css-cascade/#initial CSS Cascading and Inheritance Level 4].
*مواصفة [https://drafts.csswg.org/css-cascade-3/#initial CSS Cascading and Inheritance Level 3].
*مواصفة [https://drafts.csswg.org/css-cascade-3/#initial CSS Cascading and Inheritance Level 3].
*مواصفة [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].
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS|{{SUBPAGENAME}}]]

مراجعة 19:05، 29 أكتوبر 2018

الكلمة المحجوزة initial في CSS تُطبِّق القيمة الابتدائية للخاصية على العنصر، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصية all المختصرة.

لاحظ أنَّ القيمة الابتدائية في الخاصيات التي ورثت قيمها عن آبائها قد تكون مُفاجئة لك، لذا قد ترى أنَّ استخدام إحدى الكلمات المحجوزة inherit أو unset أو revert مناسبٌ أكثر.

أمثلة

مثال عن ضبط لون الفقرة <p> إلى اللون الأحمر، ثم استخدام الكلمة المحجوزة initial على العنصر <em> لإعادة قيمة الخاصية color إلى قيمتها الابتدائية (اللون الأسود).

شيفرة HTML:

<p>
  <span>This text is red.</span>
  <em>This text is in the initial color (e.g., black).</em>
  <span>This is red again.</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 التي تُعيد ضبط قيمة الخاصية إلى قيمتها المورثة إن ورثت القيمة من العنصر الأب، أو إلى قيمتها الابتدائية إن لم ترثها.

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