javascript - d3.js 中奇怪的 "initial"值

通过执行类似于 this ( d3.select(..).append("div") ) 的代码，我得到了具有以下样式属性的 div :

<div id="id6"
  style="
    background-image: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(255, 255, 255);
    background-position: initial initial;
    background-repeat: initial initial; ">
5
</div>

问题:

a) initial 来自哪里？ b) 是否可以重新定义“默认值”？

在 unnecessary values 的属性中 d3 垃圾可以吗？

Chrome 说 background-position: initial initial; 和
background-repeat: initial initial; 是 Invalid property value s。是d3的bug吗？我们如何处理这个错误？

最佳答案

这与 D3 无关，而是与 CSS 的隐含性质有关。当您指定 CSS background property 时，您实际上是在速记中指定多个属性。例如，

background: url(chess.png) gray 50% repeat fixed;

实际上是简写

background-image: url(chess.png);
background-color: gray;
background-position: 50% 50%;
background-repeat: repeat;
background-attachment: fixed;

因此，当您设置样式“背景”时，您的浏览器会自动将此速记扩展为完整形式。这就是为什么您会看到所有这些附加样式的原因；它们代表 computed values 。

关于javascript - d3.js 中奇怪的 "initial"值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10595667/