半透明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-*属性都将是半透明的，因为显式定义了 non - 正在使用快捷方式。

在第二个示例中， ( 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等等没有被定义（使用缺省值），以便它们将被看作是半透明的。