html - 填充 :initial vs. 填充:0

Question

padding:initial 比 padding:0 有什么优势吗？示例:

<style>
  textarea {
    padding: 0;
  }
</style>
<textarea>Hello, world!</textarea>

Answer 1

它们的意思是一样的，因为 padding 的初始值实际上在所有边上都是零。您可以在 padding 的 propdefs 中找到它，它的全称在 this section 中规范。

在这种情况下，考虑到 padding 属性的性质，以及它的初始值此时基本上是常识的事实，设置 没有太多优势padding: initial over padding: 0.

事实上，它有一个缺点，那就是由于它是一个相对较新的关键字，因此浏览器支持还不完善。即，如果此元素上的 padding 尚未为零，则不支持该关键字的浏览器将完全忽略该声明，从而导致属性 not 被重置为零.

---

initial 关键字在与 CSS3 Cascading module 中定义的新属性一起使用时最有用。 (尚未实现 AFAIK，并且定义了关键字本身)。当您只想将属性重置为其初始值而不关心该值实际是什么时，也可以使用它，这对于默认继承的属性特别有用，例如 color(尽管在这种情况下，初始值将是 currentColor)，或者在“初始”值可能因布局而异而因此不能确定为固定值的情况下.然而，这种情况确实非常罕见。

最后，注意“初始值”和“浏览器默认值”是不一样的；初始值由规范定义，它与浏览器作为其默认样式表的一部分分配给某些元素的某些属性的值是分开的。如果不使用先验知识甚至 JavaScript 来确定此默认值，则没有可靠的方法可以将给定元素的属性重置为其浏览器默认值。参见 this answer举例说明。