all CSS

Универсальное свойство all, которое сбрасывает все значения свойств в исходные или наследуемые, за исключением свойств direction и unicode-bidi.

Значение по умолчанию:

Зависит от свойства

Наследуется:
Нет
Применяется:

Зависит от свойства

Анимируется:
Нет
Спецификации:
Поддержка браузерами:

Can I Use css-all? Data on support for the css-all feature across the major browsers from caniuse.com.

Синтаксис

/* Global values */
all: initial;
all: inherit;
all: unset;

/* CSS Cascading and Inheritance Level 4 */
all: revert;

Значения

  • initial - Изменить все свойства, применяемые к элементу, на исходные значения.
  • inherit - Изменить все свойства, применяемые к элементу, на значения, наследуемые у родителя.
  • unset - Если свойство наследуется, то его значение принимается как inherit, в противном случае оно принимается как initial.

Примеры

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>all</title>
        <style>
            p { 
                text-align: justify; /* Выравнивание по ширине */
                color: green; /* Зелёный цвет текста */
            }
            h1 {
                color: red; /* Красный цвет заголовка */
                font: 16px Arial, sans-serif; /* Параметры шрифта */
            }
            p, h1 {
                all: unset; /* Сброс стилей */
            }
        </style>
    </head> 
    <body>
        <h1>Метод золотого сечения</h1>
        <p>Более эффективным способом ловли льва в пустыне является метод золотого сечения. При его использовании пустыня делится на две неравные части, размер которых подчиняется правилу золотого сечения.</p>
    </body>
</html>