Google Chrome Dev Toolsでは半透明のCSSプロパティは何を意味していますか？

Question

は、以下の画像をご覧ください。

はなぜpadding-topと完全に不透明margin-topが、padding-rightなどではないのですか？

Answer 1

明示的に定義されていないため、半透明であると思います。

Consiredシート以下： - ショートカットが使用されていないが、明示的に定義されているので、最初の例で

selector1 { 
    margin: 20px; 
} 

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

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

（selector1）全てmargin-*特性が半透明になります。

第2の例（selector2）では、margin-topのみが、それ自身のプロパティで定義されているように完全に不透明になります。

最後の例（selector3）では、margin-topとmargin-bottomが明示的に定義されているため、完全に不透明です。ただし、margin-leftとmargin-rightは1つの値で定義されているため、半透明になります。

---

半透明色はまた、例えば、デフォルト値に適用される：

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

このプロパティ定義background-color、background-imageとbackground-repeat明示的に、しかしbackground-position、background-clip、background-size等定義されていません（デフォルト値が使用されるため、半透明と見なされます）。