CSS/unset

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

أمثلة

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

شيفرة HTML:

<p>This text is red.</p>
<div class="foo">
  <p>This text is also red.</p>
</div>
<div class="bar">
  <p>This text is green (default inherited value).</p>
</div>

شيفرة CSS:

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

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

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

<p>This text has a red border.</p>
<div>
  <p>This text has a red border.</p>
</div>
<div class="bar">
  <p>This text has has a black border (initial default, not inherited).</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.

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

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