html – CSS中’initial’值的用途是什么？

发布时间：2020-12-14 21:21:22 所属栏目：资源来源：网络整理

导读：我认为初始值将恢复最初渲染的样式(由 browser的内部 user-agent样式表应用)。例： div.inline { display: inline;}div.initial { display: initial;} 我预计div.inline规则会显示 div class =“inline”在内联模式下，div.initial规则将显示 div class =“

我认为初始值将恢复最初渲染的样式(由 browser的内部 user-agent样式表应用)。

例：

div.inline {
  display: inline;
}

div.initial {
  display: initial;
}

我预计div.inline规则会显示< div class =“inline”>在内联模式下，div.initial规则将显示< div class =“initial”>使用div的原始显示值块。

但是当我探索这个时，< div class =“initial”>显示内联。我错了吗？任何人都可以详细说明这个吗？

解决方法

initial value(非属性)表示属性的初始值，如CSS规范中所定义：“’initial’关键字表示指定为属性初始值的指定值。”因此，其含义取决于属性，但是没有其他任何东西，例如不在浏览器上或属性所应用的元素上。所以它并不意味着浏览器默认。

例如，对于display属性，initial始终表示内联，因为这是属性的指定初始值。在示例中，浏览器默认为block，因为该元素是div。

因此，初始值具有有限的用途。由于误解，其主要影响似乎是让人迷惑。一个可能的用例是color属性，因为它的初始值取决于浏览器(大多数是黑色，我们知道，但不一定)。对于它，初始意味着浏览器默认，因为这是属性的定义方式，类似的用例是font-family：通过声明font-family：initial，你得到浏览器的默认字体(可能取决于浏览器设置)。

由于缺乏对IE(甚至IE 10)的支持，其实用性进一步受到限制。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!