박스 모델

박스모델

HTML 요소의 크기와 위치를 조정하는 디자인 모형

구성 요소	설명
콘텐츠 (Content)	요소의 실제 내용
패딩 (Padding)	콘텐츠와 테두리 사이의 여백
테두리 (Border)	패딩과 마진을 감싸는 선
마진 (Margin)	요소와 다른 요소 사이의 외부 여백

박스 모델

Margin

Padding

박스 모델

Margin

Padding