revert

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.

Ключевое слово revert (CSS) откатывает один текущий уровень каскада, таким образом свойство принимает такое значение, которое было бы, если бы не было никаких стилей в текущем источнике стилей (авторских, пользовательских или браузерных). Как следствие, оно сбрасывает свойство к значению по умолчанию, которое было установлено браузером (или пользовательскими стилями, если такие имеются). Ключевое слово revert может быть применимо к любому свойству CSS, включая сокращённое свойство all.

Ключевое слово revert полезно для изоляции встраиваемых виджетов или компонентов от стилей страницы, где они размещаются, особенно, когда оно используется совместно со свойством all .

В пользовательских стилях revert откатывает каскад и сбрасывает свойство к значению по умолчанию, которое было установлено браузером.

Примечание: Ключевое слово revert отличается от initial, поэтому его не следует с ним путать. initial использует начальное значение, которое определено отдельно для каждого свойства CSS-спецификацией. Для сравнения, браузеры устанавливают значения по умолчанию в зависимости от CSS селектора.Например, начальное значение для свойства display — inline, тогда как браузер устанавливает значение по умолчанию свойства display элемента <div> как block, а элемента <table> как table, и т.д

Пример

HTML

html
<section>
  <p>Это секция!</p>

  <aside class="widget">
    <p>А это маленький виджет.</p>
  </aside>
</section>

CSS

css
section {
  color: blue;
  font-family: sans-serif;
  font-weight: bold;
}

.widget {
  all: revert;
}

Результат

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

Specification
CSS Cascading and Inheritance Level 4
# default

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

Смотрите также

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