html.okpython.net
Основы создания сайтов
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