6장. 상속과 사용자 정의 속성

color와 font는 대체로 상속되지만 border와 margin은 그렇지 않다. inherit, initial, unset, revert, revert-layer는 서로 다르다. 라이브러리 스타일을 되돌릴 때 무조건 unset하지 말고 어느 출처·layer로 되돌릴지 결정한다.

Custom Property는 단순 문자열 치환이 아니라 cascade에 참여한다. 색, 간격, type scale, radius, shadow처럼 의미 있는 토큰을 만든다. --blue-500만으로는 쓰임이 없으므로 component 밖에는 --color-action, --color-danger 같은 semantic token을 둔다.

fallback은 var(--card-bg, white)처럼 쓴다. 값이 선언됐지만 문법상 무효인 경우를 DevTools에서 시험한다. 최신 CSS의 @property로 type, initial value, inheritance를 지정하면 animation과 오류 처리가 예측 가능해지지만 지원 범위도 확인한다.