d3 中奇怪的"初始"值.js

Question

通过执行类似于以下内容的代码（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>

问题：

1. a） initial从何而来？b） 是否可以重新定义"默认值"？
2. d3 在具有不必要值的属性中乱扔
可以吗？
3. Chrome表示background-position: initial initial;和 background-repeat: initial initial; Invalid property value s。是 d3 的错误吗？我们如何处理此错误？

Answer 1

这与 D3 无关，但与 CSS 的隐式性质有关。当您指定 CSS 背景属性时，您实际上是在速记中指定多个属性。例如

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;

因此，当您设置样式"背景"时，您的浏览器会自动将此速记扩展到完整形式。这就是为什么您会看到所有这些附加样式的原因;它们表示计算值。