CSS initial 关键字 详解
css3基础 2023-07-29 16:00:13小码哥的IT人生shichen
CSS initial 关键字
实例
将 <div> 元素的文本颜色设置为红色，但保留 <h1> 元素的初始颜色：
div {
color: red;
}
h1 {
color: initial;
}
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<head>
<style>
div {
color: red;
border: 1px solid blue;
}
h1 {
color: initial;
}
</style>
</head>
<body>
<div>
<h1>Initial</h1>
<p>上面的标题和本段位于 DIV 元素内，DIV 元素的 color 属性设置为 "red"。标题元素的 color 属性被设置为 "initial"，在本例中为“黑色”。</p>
</div>
<p><b>注释：</b>Internet Explorer 11 及更早版本或 Opera 15 及更早版本不支持 "initial" 关键字。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
initial 关键字用于将 CSS 属性设置为其默认值。
initial 关键字可用于任何 CSS 属性和任何 HTML 元素。
| 版本： | CSS3 |
|---|---|
| JavaScript 语法： | object.property="initial" |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 关键字 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| initial | 1.0 | 12.0 | 19.0 | 1.2 | 15.0 |
CSS 语法
property: initial;相关页面
CSS inherit 关键字：inherit 关键字
