[CSS] box-sizing

📋 box-sizing?

box-sizing 속성은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성입니다.
속성 값에는 content-box와 border-box가 있습니다.

---

✔ content-box

컨텐츠 영역을 기준으로 크기를 정합니다.
border, margin, padding은 따로 계산되어 전체 영역이 설정값보다 커질 수 있습니다.
 

✔ border-box

테두리를 기준으로 크기를 정합니다.
border, margin, padding을 모두 합산하기 때문에 컨텐츠 영역이 설정값보다 적어질 수 있습니다.

---

• ✔ initial
  기본값으로 설정합니다.
   
• ✔ inhreit
  부모 요소의 속성값을 상속받습니다.