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
<section>
<p>Это секция!</p>
<aside class="widget">
<p>А это маленький виджет.</p>
</aside>
</section>
CSS
section {
color: blue;
font-family: sans-serif;
font-weight: bold;
}
.widget {
all: revert;
}
Результат
Спецификации
Specification |
---|
CSS Cascading and Inheritance Level 4 # default |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Используйте
initial
, чтобы установить свойству начальное значение. - Используйте
unset
, чтобы установить свойству унаследованное значение, если оно наследуется, в противном случае начальное значение. - Используйте
inherit
, чтобы установить значение свойства элемента таким же, как у его родителя. - Свойство
all
позволяет одновременно сбросить все свойства к их начальному, унаследованному, откатанному или обнулённому состоянию.