Кратко
СкопированоСвойство 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).