Свойство all
Описание
Универсальное свойство, сбрасывает все значения свойств в исходные значения, исключением является свойства direction и unicode-bidi.
Синтаксис
all: initial | inherit | unset;Подробности
| Значение | Описание |
| initial | Изменяет все свойства у элемента, на значения по умолчанию. |
| inherit | Изменяет все свойства у элемента, на значения наследуемые у родителя. |
| unset | Если свойство наследуется, то значение принимается как inherit, в противном случае оно initial. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
.blue{
width: 100%;
height: 100%; padding: 5px;
background-color: rgb(34, 89, 107);
display: flex;
align-self: stretch;
flex-wrap: wrap;
}
#pink{
all: initial;
color: red;
}
</style>
<div class='blue'>
<div id='pink'>1</div>
<div id='pink'>2</div>
<div id='pink'>3</div>
<div id='pink'>4</div>
</div>
</body>
</html>Читайте также
Свойство background-attachment
Устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента или нет.
Изображение может быть зафиксировано и остават...
Свойство white-space
Свойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любое количество пробелов в коде HTML показывается на веб...
Свойство align-self
Используется для выравнивания флекс - элементов текущей строки. Аналог align-items, отличие в том что он применяется для отдельных элементов flexbox /...
Стиль поля формы с атрибутом readonly
Применяется к полям формы, у которых задан атрибут readonly. Такое поле не может быть модифицировано, при этом оно получает фокус, а данные в таком по...