الكلمة المحجوزة unset

من موسوعة حسوب
< CSS
اذهب إلى: تصفح، ابحث

الكلمة المحجوزة 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.

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