Кратко
СкопированоСвойство all сбрасывает значения всех CSS-свойств, кроме direction и unicode.
Как пишется
СкопированоУ all 4 возможных значения:
initial— сбрасывает все свойства элемента до дефолтных, описанных в спецификации.inherit— элемент будет наследовать все стили родителя, даже те, которые обычно не наследуются.unset— элемент наследует все наследуемые стили родителя, а остальные сбрасывает до дефолтных.revert— действие зависит от источника стилей: браузер, пользователь или сайт.
Значение revert
СкопированоДействие значения revert зависят от источника стилей.
- Браузерные стили: действие аналогично
unset. - Пользовательские стили: откатываемся по каскаду к браузерным стилям (словно пользовательских для этого свойства не существует).
- Авторские стили: откатываемся по каскаду к пользовательским стилям (словно авторских для этого свойства не существует).
Пример
СкопированоДля начала создадим базовый блок с контентом.
<p>Поговорим о многоножках:</p><p><!-- Тут текст про многоножек --></p>
<p>Поговорим о многоножках:</p>
<p><!-- Тут текст про многоножек --></p>
p { font-family: "Roboto", sans-serif; font-size: 18px; line-height: 1.6; color: #FFFFFF;}
p {
font-family: "Roboto", sans-serif;
font-size: 18px;
line-height: 1.6;
color: #FFFFFF;
}
Сбросим у параграфа стили при помощи: all.
p { all: initial;}
p {
all: initial;
}
Все значения сбросились до дефолтных. Больше всего бросаются глаза изменения font, font, display.
Поддержка
Скопированоall поддерживается всеми современными браузерами (Can I Use).