Кратко
СкопированоСвойство all
сбрасывает значения всех CSS-свойств, кроме direction
и unicode
.
Как пишется
СкопированоУ all
4 возможных значения:
initial
— сбрасывает все свойства элемента до дефолтных, описанных в спецификации.inherit
— элемент будет наследовать все стили родителя, даже те, которые обычно не наследуются.unset
— элемент наследует все наследуемые стили родителя, а остальные сбрасывает до дефолтных.revert
— действие зависит от источника стилей: браузер, пользователь или сайт.
Значение revert
СкопированоДействие значения revert
зависят от источника стилей.
- Браузерные стили: действие аналогично
unset
. - Пользовательские стили: откатываемся по каскаду к браузерным стилям (словно пользовательских для этого свойства не существует).
- Авторские стили: откатываемся по каскаду к пользовательским стилям (словно авторских для этого свойства не существует).
Пример
СкопированоДля начала создадим базовый блок с контентом.
<div class="container"> <span>Предисловие о многоножках...</span> <p class="paragraph"> <!-- Тут текст про многоножек --> </p></div>
<div class="container"> <span>Предисловие о многоножках...</span> <p class="paragraph"> <!-- Тут текст про многоножек --> </p> </div>
.container { font-size: 30px;}
.container { font-size: 30px; }
Сбросим у параграфа стили при помощи: all
. Ещё зададим color
, иначе цвет текста сбросится до чёрного и текст станет не читаем на тёмном фоне.
.paragraph { all: initial; color: white;}
.paragraph { all: initial; color: white; }
Все значения сбросились до дефолтных. Больше всего бросаются глаза изменения font
, font
, display
.
Поддержка
Скопированоall
поддерживается всеми современными браузерами (Can I Use).