概述

initial 关键字在 CSS 中用于将属性重置为其初始值。初始值取决于属性的类型和浏览器的默认样式表。initial 关键字不同于 unset 关键字，后者会将属性重置为未设置状态，即使它已被显式设置为特定值。

用法

initial 关键字可以用于任何 CSS 属性，如下所示：

selector {
  property: initial;
}

例如，要将 color 属性重置为其初始值，可以使用以下 CSS：

p {
  color: initial;
}

初始值

属性的初始值取决于其类型。以下是一些常见类型的属性及其初始值：

• 颜色： black
• 尺寸： 0
• 字体： inherit
• 边框： none
• 背景： transparent
• 定位： static
• 显示： inline

有关特定属性的初始值的完整列表，请参阅 CSS 规范。

用例

initial 关键字在以下情况下很有用：

• 重置属性： 当需要将属性重置为其初始值时，initial 关键字非常有用。这对于覆盖浏览器默认值或其他样式表中设置的值很有用。
• 继承值： 某些属性（例如 font）的初始值是 inherit。这意味着它们将继承父元素的值。使用 initial 关键字可以显式地将这些属性重置为其初始值，而不是继承父元素的值。
• 标准化样式： initial 关键字有助于标准化不同浏览器和设备上的样式。通过将属性重置为其初始值，可以确保所有浏览器和设备显示内容的方式一致。

示例

以下是一些使用 initial 关键字的示例：

• 重置按钮样式：

button {
  color: initial;
  background-color: initial;
  border: initial;
  padding: initial;
}

• 继承父元素字体：

p {
  font: initial;
}

• 标准化元素显示：

* {
  display: initial;
}

浏览器支持

initial 关键字在所有现代浏览器中都得到支持，包括 Chrome、Firefox、Safari、Edge 和 Opera。

结论

initial 关键字是一个有用的工具，用于重置 CSS 属性或继承父元素的值。通过了解其用法和初始值，可以有效地使用它来标准化样式和覆盖浏览器默认值。