initial
initial CSS 關鍵字將屬性的初始(或預設)值應用於元素。它可以應用於任何 CSS 屬性,包括 CSS 簡寫屬性 all。將 all 設定為 initial,所有 CSS 屬性可以一次性恢復到它們各自的初始值,而不是單獨恢復每個屬性。
在繼承屬性上,初始值可能會出乎意料。您應該考慮使用 inherit、unset、revert 或 revert-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屬性允許你一次性將所有屬性重置為它們的初始、繼承、恢復或未設定狀態。