初始

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 级联和继承级别 4
# 初始

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

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