CSS initial 关键字

CSS 参考手册 CSS 参考手册


设置 <div> 元素内的文本颜色为红色，但是为 <h1> 元素保持最初的颜色：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div {
      color: red;
    }

    h1 {
      color: initial;
    }
  </style>
</head>
<body>

  <div>
    <h1>Initial</h1>
    <p>DIV 元素内的标题和文本的 color 属性被设置为 "red"。标题元素的 color 属性被另外设置为 "initial"，因此是 "black"。</p>
  </div>

  <p><b>注意：</b>Internet Explorer 或 Opera 15 及其之前的版本不支持 initial 关键字作为一个属性值。</p>

</body>
</html>

尝试一下 »

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
initial 1.0 不支持 19.0 1.2 15.0

定义和用法

initial 关键字用于设置 CSS 属性为它的默认值。

initial 关键字可用于任何 HTML 元素上的任何 CSS 属性。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div {
      color: red;
    }
  </style>
</head>
<body>

  <div>
    <h1 id="bc">Hello World</h1>

    <ul>
      <li id="a">Item one</li>
      <li id="b">Item two</li>
      <li id="c">Item three</li>
    </ul>

  </div>

  <p>点击“尝试一下”按钮把第二个列表项的 color 属性的值设置为 "initial"：</p>

  <button onclick="myFunction()">尝试一下</button>

  <script>
    function myFunction() {
      document.getElementById("b").style.color = "initial";
    }
  </script>

  <p><b>注意：</b>Internet Explorer 或 Opera 15 及其之前的版本不支持 initial 关键字作为一个属性值。</p>

</body>
</html>

尝试一下 »

版本： CSS3
JavaScript 语法： object.style.property="initial" - 尝试一下 -

CSS 语法

property: initial;

相关文章

CSS inherit 关键字：inherit 关键字


CSS 参考手册 CSS 参考手册