
- 콘텐츠 박스 (Contet)
- 패딩 박스 (Padding)
- 콘텐츠 주변을 마치 공백처럼 자리잡는다.
padding
와 관련 속성을 사용
- 테두리 박스 (Border)
- 테두리 박스는 콘텐츠와 패딩까지 둘러싼다.
border
와 관련 속성을 사용
- 여백 박스 (Margin)
- 여백은 가장 바깥 쪽 레이어
- 콘텐츠와 패딩, 테두리를 둘러싼다.
- 박스와 다른 요소 사이 공백 역할
margin
와 관련 속성을 사용
Reference
상자 모델 - Web 개발 학습하기 | MDN
CSS Box Model Module Level 3
CSS 기본 박스 모델 입문 - CSS: Cascading Style Sheets | MDN