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

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

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

Ключевое слово revert отличается от initial, поэтому его не следует с ним путать. initial использует начальное значение, которое определено отдельно для каждого свойства CSS-спецификацией.  Для сравнения, браузеры устанавливают значения по-умолчанию в зависимости от CSS селектора.

Например, начальное значение для свойства displayinline, тогда как браузер устанавливает значение по-умолчанию свойства display  элемента <div> как block, а элемента <table> как table, и т.д

Пример

HTML

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

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

CSS

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

.widget {
  all: revert;
}

Результат

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

Спецификация Статус Комментарий
CSS Cascading and Inheritance Level 4
Определение 'revert' в этой спецификации.
Кандидат в рекомендации Initial definition.

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
revertChrome Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 579788.
Edge Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See this enhancement request.
Firefox Полная поддержка 67IE Нет поддержки НетOpera Нет поддержки НетSafari Полная поддержка 9.1WebView Android Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 579788.
Chrome Android Нет поддержки Нет
Замечания
Нет поддержки Нет
Замечания
Замечания See bug 579788.
Firefox Android Полная поддержка 67Opera Android Нет поддержки НетSafari iOS Полная поддержка 9.3Samsung Internet Android Нет поддержки Нет

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Смотрите замечания реализации.
Смотрите замечания реализации.

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

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

Метки документа и участники

Внесли вклад в эту страницу: baradusov
Обновлялась последний раз: baradusov,