Ключевое слово CSS `unset`

unset — ключевое слово CSS, которое сбрасывает свойство к унаследованному значению, если свойство естественным образом наследуется от родителя, и к своему начальному значению в противном случае. Иными словами, в первом случае, когда свойство является наследуемым свойством, оно ведёт себя как ключевое слово inherit, а во втором случае, когда свойство является ненаследуемым свойством, — как ключевое слово initial.

unset можно применить к любому свойству CSS, включая сокращённое свойство CSS all.

Примеры

Цвет

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 — ненаследуемое свойство.

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 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;
}

Результат

Спецификации

Совместимость с браузерами

См. также

• Используйте ключевое слово initial, чтобы установить для свойства начальное значение.
• Используйте ключевое слово inherit, чтобы задать свойству элемента то же значение, что и у его родителя.
• Используйте ключевое слово revert, чтобы сбросить свойство к значению, заданному таблицей стилей пользовательского агента (или пользовательскими стилями, если они есть).
• Используйте ключевое слово revert-layer, чтобы сбросить свойство к значению, заданному в предыдущем слое каскада.
• Используйте ключевое слово revert-rule, чтобы сбросить свойство к значению из более раннего подходящего правила стилей.
• Свойство all позволяет одновременно сбросить все свойства к их начальному, унаследованному или восстановленному значению либо к состоянию unset.