初始
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 级联和继承级别 4 # 初始 |
浏览器兼容性
BCD 表格仅在浏览器中加载
另请参阅
- 使用
inherit
关键字使元素的属性与其父元素相同。 - 使用
revert
关键字将属性重置为用户代理样式表(或用户样式,如果存在)中建立的值。 - 使用
revert-layer
关键字将属性重置为先前级联层中建立的值。 - 使用
unset
关键字将属性设置为其继承值(如果它继承)或其初始值(如果未继承)。 - 使用
all
属性可以立即将所有属性重置为其初始、继承、恢复或未设置状态。