CSS свойство all

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

Это свойство считается сокращённым свойством для сброса. В отличие от многозначных сокращённых свойств, таких как margin или background, у него нет версии с длинными именами или подсвойств.

Начальное значение	normal
Применяется к	Все элементы.
Наследуется	Нет.
Анимация	Нет.
Версия	CSS3
Синтаксис DOM	object.style.all = "inherit";

Синтаксис

Синтаксис CSS свойства all

css

all: initial | inherit | unset | revert | revert-layer;

Пример использования свойства all со значением revert:

Пример CSS свойства all со значением revert

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .example {
        background-color: #8ebf42;
        color: #666;
        all: revert;
      }
    </style>
  </head>
  <body>
    <h2>All property example</h2>
    <p>Here the all: revert; is set.</p>
    <div class="example"> An extrovert is a friendly person who enjoys talking to and being with other people. Extroverts love parties, talking on the phone, and meeting new people. </div>
  </body>
</html>

Try it Yourself »

Результат

CSS all Property

Пример использования свойства all со значениями inherit, initial и unset:

Пример CSS свойства all со значениями inherit, initial и unset

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      body {
        font-size: 15px;
        color: #1c87c9;
      }
      .example1 {
        background-color: #8ebf42;
        color: #666;
      }
      .example2 {
        background-color: #8ebf42;
        color: #666;
        all: inherit;
      }
      .example3 {
        background-color: #8ebf42;
        color: #666;
        all: initial;
      }
      .example4 {
        background-color: #8ebf42;
        color: #666;
        all: unset;
      }
    </style>
  </head>
  <body>
    <h2>All property example</h2>
    <hr />
    <p>No all property:</p>
    <div class="example1"> An extrovert is a friendly person who enjoys talking to and being with other people. Extroverts love parties, talking on the phone, and meeting new people. </div>
    <hr />
    <p>all: inherit:</p>
    <div class="example2"> An extrovert is a friendly person who enjoys talking to and being with other people. Extroverts love parties, talking on the phone, and meeting new people. </div>
    <hr />
    <p>all: initial:</p>
    <div class="example3"> An extrovert is a friendly person who enjoys talking to and being with other people. Extroverts love parties, talking on the phone, and meeting new people. </div>
    <hr />
    <p>all: unset:</p>
    <div class="example4"> An extrovert is a friendly person who enjoys talking to and being with other people. Extroverts love parties, talking on the phone, and meeting new people. </div>
    <hr /> 
  </body>
</html>

Try it Yourself »

Значения

Значение	Описание
initial	Устанавливает свойству его начальное значение.
inherit	Наследует свойство от родительского элемента.
unset	Ведёт себя как `inherit` для наследуемых свойств и как `initial` для ненаследуемых.
revert	Определяет поведение, зависящее от происхождения таблицы стилей, к которой принадлежит объявление.
revert-layer	Сбрасывает свойство к значению, установленному в предыдущем слое каскада.

Практика

According to the site w3docs, which of the following statements about CSS are true?

CSS stands for Cascading Style Sheets.CSS cannot be used to describe the look and formatting of a document written in HTML.CSS is a powerful tool for web designers as it allows them to control the look and feel of their websites.The CSS syntax is made up of a set of rules. These rules have 3 parts: a selector, a property, and a value.CSS is a programming language.

CSS свойство all ​

Синтаксис ​

Пример использования свойства all со значением revert: ​

Результат ​

Пример использования свойства all со значениями inherit, initial и unset: ​

Значения ​