الكلمة المحجوزة 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.
انظر أيضًا[عدل | عدل المصدر]
- صفحة الكلمة المحجوزة
inheritالتي تؤدي إلى جعل العنصر يأخذ القيمة المحسوبة لهذه الخاصية من العنصر الأب، ويمكن تطبيق هذه القيمة على جميع خاصيات CSS بما في ذلك خاصيةallالمختصرة. - صفحة الكلمة المحجوزة
initialالتي تُطبِّق القيمة الابتدائية للخاصية على العنصر، ويمكن استخدام على جميع خاصيات CSS، بما في ذلك خاصيةallالمختصرة.