半透明CSS属性在Google Chrome开发者工具中意味着什么？

Question

请参阅以下图片：

为什么padding-top和margin-top完全不透明，但padding-right等不是？

Answer 1

我认为它们是半透明的，因为它们没有明确定义。

已完成以下表格：

selector1 {
    margin: 20px;
}

selector2 {
    margin: 20px;
    margin-top: 10px;
}

selector3 {
    margin: 10px 20px 30px;
}

在第一个示例（selector1）中，所有margin-*属性都是半透明的，因为非明确定义 - 正在使用快捷方式。

在第二个示例（selector2）中，只有margin-top完全不透明，因为它在自己的属性中定义。

在上一个示例（selector3）中，margin-top和margin-bottom是明确定义的，因此将完全不透明。但是，margin-left和margin-right由单个值定义，因此它们将是半透明的。

---

半透明颜色也适用于默认值，例如：

background: red url(...) no-repeat;

此属性明确定义了background-color，background-image和background-repeat，但未定义background-position，background-clip，background-size等（默认）使用的值）因此它们将被视为半透明。

Answer 2

灰色条目是未定义但在运行时计算的规则。请参阅this page