• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • initial

    版本:CSS3

    initial CSS关键字将属性的初始(或默认)值应用于元素。不应将初始值与浏览器样式表指定的值混淆。它可以应用于任何CSS属性,这包括CSS简写all。initial 可用于将所有CSS属性恢复到其初始状态。

    示例

    div {color: red; }
    h1 {color: initial; }
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    IE浏览器不支持initial,其余浏览器都支持initial

    语法

    property:initial;

    说明:

    属性初始值。

    • initial属于CSS-wide关键字,这表示所有的属性都可以接受该值。
    • 如果你想重置某个属性为UA默认设置,那么就可以使用该值。可用于将所有CSS属性恢复到其初始状态。
    • 注意:在继承的属性上,初始值可能是意外的。你应该考虑使用inherit,unset,或revert关键字代替。

    例子

    ul{list-style:none;}
    .news-list{list-style:initial;}
    

    如上述代码,ul会被reset掉list-style,如果你想某个地方需要UA初始定义,那么就可以直接设置为initial

    //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
    p {color: red;}
    
    em {color: initial;}
    
    div{color:red;}
    h1{color:initial;}
    

    上篇:inherit

    下篇:unset