CSS :: Свойство all

css-свойство all (от англ. all – все) сбрасывает все свойства применяемые к элементу, кроме unicode-bidi и direction, до их начальных или унаследованных значений.

Характеристики

Значение по умолчанию: см. отдельные свойства.
Применяется: см. отдельные свойства.
Наследуется: см. отдельные свойства.
Анимируется: см. отдельные свойства.
JavaScript: object.style.all="value".

Синтаксис

all: initial | inherit | unset

Значения

initial – стили браузера по умолчанию не используются, а значения всех свойств, которые применяются к элементу, устанавливаются в исходные состояния (до применения стилей);
inherit – стили браузера по умолчанию не используются, а значения всех свойств, которые применяются к элементу, наследуются от родителя;
unset – стили браузера по умолчанию не используются, значения свойств, заданных для самого элемента сбрасываются в исходные состояния (до применения стилей), но значения свойств, которые заданы для родителя и могут быть от него унаследованы, наследуются.

Ссылки

Официальный сайт W3C: https://www.w3.org/TR/css-cascade-4/#propdef-all

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/all

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>
		
		body{
		color: green;
		font-weight: bold
		}
		
		div{
		color: blue;
		}
		
		.all_initial{
		all: initial;
		}		
		
		.all_inherit{
		all: inherit;
		}		

		.all_unset{
		all: unset;
		}				
	</style>
	
</head>
<body>

	<div>
		Обычный div: по умолчанию используются стили браузера, поэтому<br> 
		элемент отображается блочным, кроме того, цвет текста переопределен<br> 
		на синий, а жирность унаследована от body. 
	</div>
	
	<div class="all_initial">
		Стили браузера по умолчанию не используются, а все свойства<br> 
		элемента принимают свои начальные значения: цвет текста стал черным,<br> 
		жирность - нормальной, а сам элемент - строчным (обнулились все отступы).
	</div>

	<div class="all_inherit">
		Стили браузера по умолчанию не используются, а все значения свойств<br>
		наследуются от body: зеленый цвет текста, жирный шрифт и блочное<br>
		отображение (отступы по 8 пикселей).
	</div>
	
	<div class="all_unset">
		Стили браузера по умолчанию не используются, поэтому элемент<br> 
		отображается строчным, собственные значения свойств сбрасываются<br>  
		в исходные состояния, но по-возможности наследуются от body, поэтому<br>
		мы видим зеленый жирный текст. 
	</div>
		
</body>
</html>

Пример №1