Javascript JS盒阴影参数顺序

我对css框阴影属性的参数顺序有点困惑

订单上的定义如下：

box-shadow: inset(optional) <offset-x> <offset-y> <blur-radius> <spread-radius> <color>

与

$（$0.css（“boxShadow”）

相同，您可以使用style[“boxShadow”]或style.boxShadow。

<div id="foo">12123123</div>

document.getElementById("foo").style["boxShadow"] = "0 0 5px #999999";

12123123
document.getElementById（“foo”）.style[“boxShadow”]=“0 0 5px#99999”；

您可以使用style[“boxShadow”]或style.boxShadow。

<div id="foo">12123123</div>

document.getElementById("foo").style["boxShadow"] = "0 0 5px #999999";

12123123
document.getElementById（“foo”）.style[“boxShadow”]=“0 0 5px#99999”；

MDN中提到的顺序是正确的。这是为开发人员创建的标准

也就是说，您看到的是计算样式。每个浏览器和浏览器引擎的工作方式都不同，它们大多试图以更好地理解的方式组合、规范化或简化您提供的属性，这有助于加快/优化处理速度

---

您看到的输出实际上与您给出的输入相反。

MDN中提到的顺序是正确的。这是为开发人员创建的标准

也就是说，您看到的是计算样式。每个浏览器和浏览器引擎的工作方式都不同，它们大多试图以更好地理解的方式组合、规范化或简化您提供的属性，这有助于加快/优化处理速度

您看到的输出实际上与您给出的输入相反

<div id="foo">12123123</div>

document.getElementById("foo").style["boxShadow"] = "0 0 5px #999999";