CSS 简写属性 all 将除了 {{cssxref("unicode-bidi")}}、{{cssxref("direction")}} 与 CSS 自定义属性之外的所有属性重设。它可以将属性设置为初始值或继承值，也可以设置为其他层叠层或样式表来源中指定的值。

```css interactive-example-choice /未设置 all 属性/


```css interactive-example-choice
all: initial;

```css interactive-example-choice all: inherit;


```css interactive-example-choice
all: unset;

```css interactive-example-choice all: revert;


```html interactive-example
<section id="default-example">
  <div class="example-container-bg">
    <div class="example-container">
      <p id="example-element">
        该段的字体大小为 1.5rem，颜色为金色。用户代理还为其设置了 1rem
        的垂直边距。段落的父级是一个蓝色虚线边框的 &lt;div&gt;。
      </p>
    </div>
  </div>
</section>

```css interactive-example

example-element {

color: gold; padding: 10px; font-size: 1.5rem; text-align: left; width: 100%; }

.example-container { border: 2px dashed #2d5ae1; }

.example-container-bg { background-color: #77767b; padding: 20px; }


## 组成属性

该属性是除 {{cssxref("unicode-bidi")}}、{{cssxref("direction")}} 和[自定义属性](/zh-CN/docs/Web/CSS/Guides/Cascading_variables/Using_custom_properties)以外的所有 CSS 属性的简写。

## 语法

```css
/* 全局值 */
all: initial;
all: inherit;
all: unset;
all: revert;
all: revert-layer;

all 属性被作为 CSS 全局关键字的其中之一。不过需要注意的是，以上这些值不会影响 {{cssxref("unicode-bidi")}} 与 {{cssxref("direction")}} 这两个属性。

取值

{{cssxref("initial")}}
- : 指定将元素的所有属性都更改为它们的初始值。
{{cssxref("inherit")}}
- : 指定将元素的所有属性都更改为它们的继承值。
{{cssxref("unset")}}
- : 如果是默认继承值，则指定元素的所有属性更改为继承值；如果不是默认继承值，则指定元素的所有属性更改为初始值。
{{cssxref("revert")}}
- : 指定依赖于声明所属的样式表来源的行为：
- 如果规则属于作者来源，则 revert 值会将层叠回滚到用户级别，以便计算指定值，就像没有为该元素指定作者级别的规则一样。就“还原”而言，作者来源包括覆盖来源和动画来源。
- 如果规则属于用户来源，则 revert 值会将层叠回滚到用户代理级别，以便计算指定值，就像没有为元素指定作者级或用户级规则一样。
- 如果规则属于用户代理来源，则 revert 值的作用类似于 unset。
{{cssxref("revert-layer")}}
- : 指定元素的所有属性都应回滚到之前的层叠层（如果存在）。如果不存在其他层叠层，元素的属性将回滚到当前层中的匹配规则（如果存在）或之前的样式来源。

形式定义

形式语法

示例

在本示例中，CSS 文件包含 {{HTMLElement("blockquote")}} 元素以及父级 <body> 元素的一些样式。“结果”小节中的各种输出结果展示了在对 <blockquote> 元素规则中的 all 属性应用不同值时，<blockquote> 元素的样式会受到怎样的影响。

HTML

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

CSS

body {
  font-size: small;
  background-color: #f0f0f0;
  color: blue;
  margin: 0;
  padding: 0;
}

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