CSS/unset

الكلمة المحجوزة unset في CSS تُعيد ضبط قيمة الخاصية إلى قيمتها المورثة إن ورثت القيمة من العنصر الأب، أو إلى قيمتها الابتدائية إن لم ترثها؛ بصياغة أخرى، ستسلك هذه الكلمة المحجوزة سلوك inherit في الحالة الأولى، وسلوك initial في الحالة الثانية، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصية all المختصرة.

أمثلة

إعادة ضبط قيمة الخاصية color للعنصر <p> الموجود داخل العنصر <div> ذو الصنف bar إلى قيمتها الموروثة، ألا وهي green؛ أي كأننا ضبطنا قيمة الخاصية color إلى الكلمة المحجوزة inherit، لاحظ أنَّ الخاصية color قابلة للوراثة.

شيفرة HTML:

<p>هذا النص أحمر</p>
<div class="foo">
  <p>هذا النص هو أيضا أحمر</p>
</div>
<div class="bar">
  <p>هذا النص باللون الأخضر (القيمة الموروثة الافتراضية)</p>
</div>

شيفرة CSS:

.foo {
  color: blue;
}
.bar {
  color: green;
}

p {
  color: red;
}
.bar p {
  color: unset;
}

المثال الآتي يُشبه المثال السابق، لكن مع استخدام الخاصية border، إذ إنَّ الكلمة المحجوزة unset ستكافئ initial لأن الخاصية border هي خاصية غير قابلة للوراثة. شيفرة HTML:

<p>هذا النص له حد أحمر</p>
<div>
  <p>هذا النص له حد أحمر</p>
</div>
<div class="bar">
  <p>يحتوي هذا النص على حد أسود (افتراضي مبدئي ، غير موروث)</p>
</div>

شيفرة CSS:

div {
  border: 1px solid green;
}

p {
  border: 1px solid red;
}

.bar p {
  border-color: unset;
}

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	41	27	غير مدعومة	28	9.1

صحيحٌ أنَّ هذه القيمة غير مدعومة في IE، لكنها مدعومة في Edge.

انظر أيضًا[عدل | عدل المصدر]

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

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

• مسودة CSS Cascading and Inheritance Level 4.
• مواصفة CSS Cascading and Inheritance Level 3.