все

Базовая Широко доступная

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.

Свойство all краткая запись CSS сбрасывает все свойства элемента, за исключением unicode-bidi, direction и пользовательских свойств CSS. Оно может устанавливать свойства в их начальные или унаследованные значения, или в значения, указанные в другом слое каскада или источнике таблицы стилей.

Попробуйте

Составные свойства

Это свойство является сокращением для всех свойств CSS, кроме unicode-bidi, direction и пользовательских свойств.

Синтаксис

/* Global values */
all: initial;
all: inherit;
all: unset;
all: revert;
all: revert-layer;

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

Значения

initial

Устанавливает все свойства элемента в их начальные значения.

inherit

Устанавливает все свойства элемента в их унаследованные значения.

unset

Устанавливает все свойства элемента в их унаследованные значения, если они унаследуются по умолчанию, или в их начальные значения, если нет.

revert

Указывает поведение, зависящее от источника таблицы стилей, к которому принадлежит объявление:

Если правило принадлежит к источнику автора, значение revert отбрасывает каскад до уровня пользователя, так что указанные значения вычисляются так, как если бы для элемента не было указано правил уровня автора. Для целей revert, источник автора включает источники Переопределения и Анимации.
Если правило принадлежит к источнику пользователя, значение revert отбрасывает каскад до уровня агента пользователя, так что указанные значения вычисляются так, как если бы для элемента не было указано правил уровня автора или пользователя.
Если правило принадлежит к источнику агента пользователя, значение revert ведет себя как unset.

revert-layer

Указывает, что все свойства элемента должны отбросить каскад до предыдущего слоя каскада, если он существует. Если других слоёв каскада нет, свойства элемента будут отброшены до соответствующего правила в текущем слое или до предыдущего источника стиля.

Формальное определение

Начальное значение	Нет практического начального значения.
Применимо к	всем элементам
Унаследованно	нет
Вычисленное значение	как указанное значение применяется к каждому свойству, для которого это сокращение.
Тип анимации	как каждое из свойств сокращения (все свойства, кроме `unicode-bidi` и `direction`)

Формальный синтаксис

all = 
  initial       |
  inherit       |
  unset         |
  revert        |
  revert-layer

Примеры

В этом примере файл CSS содержит стили для элемента <blockquote> в дополнение к некоторым стилям для родительского элемента <body>. Различные результаты в разделе Результаты демонстрируют, как стили элемента <blockquote> изменяются, когда разные значения применяются к свойству all внутри правила blockquote.

HTML

<blockquote id="quote">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>
Phasellus eget velit sagittis.

CSS

body {
  font-size: small;
  background-color: #f0f0f0;
  color: blue;
  margin: 0;
  padding: 0;
}

blockquote {
  background-color: skyblue;
  color: red;
}

Результаты

A. Отсутствует свойство `all`

Это сценарий, в котором свойство all не установлено внутри правила blockquote. Элемент <blockquote> использует стандартное стилирование браузера, которое задаёт отступы, а также определённый цвет фона и текста, указанные в таблице стилей. Он также ведет себя как элемент блока: текст, следующий за ним, располагается под ним.

B. Свойство `all: initial` установлено в `all`

При установке свойства all в значение initial в правиле blockquote, элемент <blockquote> больше не использует стандартное стилирование браузера: теперь он является элементом строки (начальное значение), его background-color имеет значение transparent (начальное значение), его font-size равно medium, а его color составляет black (начальное значение).

C. Свойство `all: inherit` наследуется

В этом случае элемент <blockquote> не использует стандартное стилирование браузера. Вместо этого он наследует значения стилей от своего родительского элемента <body>: он теперь является элементом блока (унаследованное значение), его background-color равно #F0F0F0 (унаследованное значение), его font-size равно small (унаследованное значение), а его color имеет значение blue (унаследованное значение).

D. Свойство `all: unset` установлено в unset

При применении значения unset к свойству all в правиле blockquote, элемент <blockquote> не использует стандартное стилирование браузера. Так как background-color является свойством, которое не наследуется, а font-size и color – свойства, которые наследуются, элемент <blockquote> теперь является элементом строки (начальное значение), его background-color равно transparent (начальное значение), но его font-size всё ещё равно small (унаследованное значение), а его color равно blue (унаследованное значение).

E. Свойство `all: revert` установлено в revert

Когда свойство all устанавливается в значение revert в правиле blockquote, правило blockquote считается несуществующим, и значения свойств стилей наследуются от тех, что применены к родительскому элементу <body>. Таким образом, элемент <blockquote> получает стили как элемент блока, с background-color #F0F0F0, font-size small, и color blue - все значения унаследованы от правила body.

F. Свойство `all: revert-layer` установлено в revert-layer

В файле CSS нет определённых слоёв каскада, поэтому элемент <blockquote> наследует свой стиль из соответствующего правила body. Элемент <blockquote> здесь стилизован как элемент блока, с background-color #F0F0F0, font-size small, и color blue - все значения унаследованы от правила body. Этот сценарий является примером случая, когда all установленное в revert-layer ведет себя так же, как при установке all в revert.

Спецификации

Спецификация
CSS Каскадирование и Наследование Уровень 4 # all-shorthand

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`all`	37	79	27	24	9.1	37	27	24	9.3	3.0	37

См. также

Глобальные ключевые слова CSS: initial, inherit, unset, revert, revert-layer

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/all