Google 크롬 개발자 도구에서 반투명 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-* 특성 반투명 것이다 이어 - 단축키가 사용되고있다.

두 번째 예 (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 등 정의되지 않은 (기본값이 사용됨) 반투명 한 것으로 간주됩니다.