I believe that they are translucent because they are not explicitly defined.
The following sheet is requested:
selector1 {
margin: 20px;
}
selector2 {
margin: 20px;
margin-top: 10px;
}
selector3 {
margin: 10px 20px 30px;
}
In the first example ( selector1), all properties margin-*will be translucent, because it is not specified explicitly - a shortcut is used.
In the second example, ( selector2) margin-topwill only be completely opaque, as defined in its own property.
(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 .. ( ), - .