all

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

Описание

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

Начальное значениеНа практике начального значения нет
Применяется квсе элементы
Наследуетсянет
Обработка значениякак указанное значение, применяется к каждому свойству этой короткой записи.
Animation typeкак у каждого из подсвойств этого свойства (все свойства, кроме unicode-bidi и direction)

Синтаксис

all: initial;
all: inherit;
all: unset;

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

Значения

initial
Это ключевое слово указывает на изменение всех свойств, применяемых к элементу или родительскому элементу. Значения unicode-bidi и direction не затрагиваются.
inherit
Это ключевое слово указывает на изменение всех свойств, применяемых к элементу или родительскому элементу, на значение их родителя. Значения unicode-bidi и direction не затрагиваются.
unset
Это ключевое слово указывает на изменение всех свойств, применимых к элементу или родительскому элементу, на значение их родителя, если они наследуются или на их начальное значение, если нет. Значения unicode-bidi и direction не затрагиваются.
revert
Если каскадным значением свойства является ключевое слово revert, поведение зависит от источника, которому принадлежит объявление:
user-agent origin
Эквивалент unset.
user origin
Откатывает каскад до уровня пользовательского агента, так что указанное значение вычисляется так, как если бы для этого свойства не были заданы правила уровня автора или уровня пользователя.
author origin
Откатывает каскад до уровня пользователя, так что указанное значение вычисляется так, как если бы для этого свойства не было задано никаких правил уровня автора. В целях возврата этот источник включает в себя источники переопределения и анимации.

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

initial | inherit | unset | revert

Примеры

HTML

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

CSS

html {
  font-size: small;
  background-color: #F0F0F0;
  color: blue;
}

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

Результат:

No all property

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

all:unset

<blockquote> не использует стили браузера по умолчанию: теперь это inline элемент (начальное значение), его background-color является transparent (начальное значение), но его font-size по-прежнему small унаследованное значение) и его color является blue (унаследованное значени).

all:initial

<blockquote> не использует стили браузера по умолчанию: теперь это inline элемент(начальное значение), его background-color является transparent (начальное значение), его font-size является normal (начальное значение) и его color является black (начальное значение).

all:inherit

<blockquote> не использует стили браузера по умолчанию: теперь это block элемент (унаследованное значение от содержащего его <div>), его background-color является transparent (унаследованное значение), его font-size является small (унаследованное значение) и его color является blue (унаследованное значение).

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

Спецификация Статус Комментарий
CSS Cascading and Inheritance Level 3
Определение 'all' в этой спецификации.
Кандидат в рекомендации Начальное определение.
CSS Cascading and Inheritance Level 4
Определение 'all' в этой спецификации.
Кандидат в рекомендации Добавлено значение revert.

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
allChrome Полная поддержка 37Edge Полная поддержка 79Firefox Полная поддержка 27IE Нет поддержки НетOpera Полная поддержка 24Safari Полная поддержка 9.1WebView Android Полная поддержка 37Chrome Android Полная поддержка 37Firefox Android Полная поддержка 27Opera Android Полная поддержка 24Safari iOS Полная поддержка 9.3Samsung Internet Android Полная поддержка 3.0
revertChrome Полная поддержка 84Edge Полная поддержка 84Firefox Полная поддержка 67IE Нет поддержки НетOpera Полная поддержка 70Safari Полная поддержка 9.1WebView Android Полная поддержка 84Chrome Android Полная поддержка 84Firefox Android Полная поддержка 67Opera Android Нет поддержки НетSafari iOS Полная поддержка 9.3Samsung Internet Android Нет поддержки Нет

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки

Смотрите также

Значения свойств в масштабе CSS:  initial, inherit, unset, и revert.