[CSS]상속되는 요소 / 상속되지 않는 요소

상속되는 요소가 무엇일까요?

 

♥ 상속되는 프로퍼티
font-family, font-size, font-weight, line-height, visibility, opacity, color, line-height, text-align, 
white-space, list-style 

♥ 상속이 되지않는 프로퍼티
margin, padding, border , box-sizing, display, background, vertical-align, text-ecoration,
top/right/bottom/left, position, overflow, width/height

 

✋🏻 여기서 잠깐 !!

상속이 되지 않는 프로퍼티라고 해서 꼭 상속을 받을 수 없는 것은 ❌❌❌❌!!!!
inherit을 쓰면 상속을 받을 수 있다. inherit을 써주면 그 요소는 부모 요소로 부터 속성 값을 상속 받는다고 여겨진다.
margin: inherit 또는 padding: inherit 을 쓰면, 부모 요소의 마진이나 패딩을 상속 받을 수 있다.