initial

Baseline 已广泛支持

此特性已稳定,并兼容多种设备和浏览器版本。自 ⁨2015 年 11 月⁩起,所有浏览器均已支持此特性。

initial CSS 关键字将属性的初始(或默认)值应用于元素。它可以应用于任何 CSS 属性,包括 CSS 简写属性 all。将 all 设置为 initial,所有 CSS 属性可以一次性恢复到它们各自的初始值,而不是单独恢复每个属性。

继承属性上,初始值可能会出乎意料。您应该考虑使用 inheritunsetrevertrevert-layer 关键字来代替。

示例

使用 initial 重置元素的颜色

HTML

html
<p>
  <span>This text is red.</span>
  <em>This text is in the initial color (typically black).</em>
  <span>This is red again.</span>
</p>

CSS

css
p {
  color: red;
}

em {
  color: initial;
}

结果

在此示例中,使用 initial 关键字,em 元素的 color 值将恢复为规范中定义的 color 的初始值。

规范

规范
CSS 层叠与继承第四级
# initial

浏览器兼容性

另见

  • 使用 inherit 关键字使元素的属性与其父元素相同。
  • 使用 revert 关键字将属性重置为用户代理样式表(或用户样式,如果存在)建立的值。
  • 使用 revert-layer 关键字将属性重置为在先前层叠层中建立的值。
  • 使用 unset 关键字将属性设置为其继承值(如果可继承)或其初始值(如果不可继承)。
  • all 属性允许你一次性将所有属性重置为它们的初始、继承、恢复或未设置状态。