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 屬性允許你一次性將所有屬性重置為它們的初始、繼承、恢復或未設定狀態。