box-sizing | Vault | 김승찬 블로그

- box-sizing은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성이다. 문법 - 기본값은 content-box이다. - 상속되지 않는다. - 애니메이션은 없다. content-box - 콘텐트 영역을 기준으로 크기를 정한다. border-box - 테두리를 기준으로 크기를 정한다. initial - 기본값으로 설정한다. inherit - 부모 요소의 속성값을 상속받는다. 예시 - 둘 다 width 값을 500px로 정하였으나, box-sizing 속성값에 따라 크기기 달라진다. - 첫 번째 박스는 콘텐트 영역이 500px이고 테두리를 포함한 크기...