all: inherit; 속성 🤰🏻

해당 요소의 모든 css 속성을 부모 요소로부터 상속받게 하는 역할을 한다.

상속받는 속성은 다음과 같다.

• border
• margin, padding
• color, font, line-height
• background
• box-shadow
• 이외에도 거의 모든 속성

 

예를 들어, 부모 속성에 border: 1px solid red; box-shadow: box-shadow: 10px 5px 5px red; 라는 속성이 있다면 자식은 border와 box-shadow 모두 속성을 상속받아 자연스레 동일하게 적용된다.

 

자식 요소에서 사용하고 싶지 않을 때에는 상속받은 특정 속성을 명시적으로 초기화시키면 된다.

border: none;
box-shadow: none;

 

오랜만에 접하게 되면 "이게 뭐지" 싶다.

되짚음 용으로 끄적여봤다.

 

이상 스텔라였습니다. ✍️