unset

Базовая Широко доступная

Эта функция хорошо зарекомендовала себя и работает во многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2016 года.

Ключевое слово 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;
}

Результат

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

Спецификация
CSS Каскадирование и наследование Уровень 4 # inherit-initial

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

	Рабочий стол					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`unset`	41	13	27	28	9.1	41	27	28	9.3	4.0	41

См. также

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

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/unset