[CSS] 상속(Inheritance)

상속이란 부모요소에 적용한 스타일이 자식요소에도 그대로 적용되는 것을 말한다. 상속을 이용하면 나중에 스타일을 바꿔야 할 때 부모요소를 따르는 요소들은 한번에 바꿀 수 있어 편리하다는 장점이 있다. 단, 모든 속성들이 그런것은 아니고 상속되는 속성들이 정해져있다.

 

상속되는 속성들은 다음과 같다 : 

 

visibility

opacity

font

color

inline-height

text-align

 

나머지 margin, width, height, padding 같은 속성들은 상속이 되지 않고 따로 적용시켜 줘야 한다. 

 

하지만 inherit 키워드를 사용하면 나머지 요소들을 상속기능을 사용할 수 있다. 

 

p {
    margin: inherit
    padding: inherit
    border: inherit
}