Written by Nostrss
on 

CSS 상속을 받는자와 받지 않는자

CSS상속이란?

HTML 부모태그의 CSS 속성을 자식 태그가 그대로 이어 받는 경우를 말한다.

나는 지금까지 모든 속성이 다 상속이 되는 줄 알았는데 그게 아니었다. 어떤 속성은 상속이 되고 어떤 상속이 되지 않는다고 한다. 그래서 찾아서 정리해봤다.

순서 Property Inherit
1 visibility yes
2 opacity yes
3 font yes
4 color yes
5 line-height yes
6 text-align yes
7 white-space yes
8 width/height no
9 margin no
10 padding no
11 border no
12 box-sizing no
13 display no
14 background no
15 vertical-align no
16 text-decoration no
17 position no
18 top/right/bottom/left no
19 z-index no
20 overflow no
21 float no

쭉 보다 보니 폰트 계열은 통일성을 주기 위해서인지 자동으로 상속이 되고 나머지는 그렇지 않은것 같다.