개발하자(DevHaja)

FrontEnd/CSS

[CSS] box-sizing

📋 box-sizing? box-sizing 속성은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성입니다. 속성 값에는 content-box와 border-box가 있습니다. ✔ content-box 컨텐츠 영역을 기준으로 크기를 정합니다. border, margin, padding은 따로 계산되어 전체 영역이 설정값보다 커질 수 있습니다. ✔ border-box 테두리를 기준으로 크기를 정합니다. border, margin, padding을 모두 합산하기 때문에 컨텐츠 영역이 설정값보다 적어질 수 있습니다. ✔ initial 기본값으로 설정합니다. ✔ inhreit 부모 요소의 속성값을 상속받습니다.

devwoodie
'box-sizing' 태그의 글 목록