[HTML/CSS][Ch7] CSS 스타일 상속

상속되는 CSS 속성은 모두 글자/문자 관련된 속성들이다.

font-style 글자 기울기

font-weight : 글자 두께

font-size : 글자 크기

line-height : 줄 높이

font-familly : 폰트(서체)

color : 글자 색상

text-align : 정렬

.

.

. 

(모든 글자/문자 속성은 아니다.)

 

강제 상속

기본적으로 상속되는 속성들은 글자/문자와 관련된 속성인데,

상속되지 않는 속성에 inherit이라는 값을 사용하면 부모 요소가 가지고 있는 속성의 값을 강제로 상속시켜 적용할 수 있다. 

.parent{
  width: 300px;
  height: 400px;
  background-color: red;
}

.child{
  width: 100px;
  height: inherit;
  background-color: inherit;
  position: fixed;
  top: 100px;
  right: 10px;

}