all

Удобное свойство для сброса всех стилей сразу.

Время чтения: меньше 5 мин

Кратко

Скопировано

Свойство all сбрасывает значения всех CSS-свойств, кроме direction и unicode-bidi.

Как пишется

Скопировано

У all 4 возможных значения:

  • initial — сбрасывает все свойства элемента до дефолтных, описанных в спецификации.
  • inherit — элемент будет наследовать все стили родителя, даже те, которые обычно не наследуются.
  • unset — элемент наследует все наследуемые стили родителя, а остальные сбрасывает до дефолтных.
  • revert — действие зависит от источника стилей: браузер, пользователь или сайт.

Значение revert

Скопировано

Действие значения revert зависят от источника стилей.

  1. Браузерные стили: действие аналогично unset.
  2. Пользовательские стили: откатываемся по каскаду к браузерным стилям (словно пользовательских для этого свойства не существует).
  3. Авторские стили: откатываемся по каскаду к пользовательским стилям (словно авторских для этого свойства не существует).

Пример

Скопировано

Для начала создадим базовый блок с контентом.

        
          
          <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: initial;.

        
          
          p {  all: initial;}
          p {
  all: initial;
}

        
        
          
        
      
Открыть демо в новой вкладке

Все значения сбросились до дефолтных. Больше всего бросаются глаза изменения font-family, font-size, display.

Поддержка

Скопировано

all поддерживается всеми современными браузерами (Can I Use).