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

Question

通过执行类似于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>

问题:

1. a)initial来自哪里？b)是否有可能重新定义"默认值"？
2. d3在属性中是否有不必要的值？
3. Chrome说的是,background-position: initial initial;而且 background-repeat: initial initial;是Invalid property value.这是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;

因此,当您将样式设置为"背景"时,浏览器会自动将此简写扩展为完整表单.这就是为什么你会看到所有这些额外的风格; 它们代表计算值.