[CSS] 박스 모델 (Box Model) : 요소의 크기

박스 모델

박스 모델이란?

CSS는 HTML 요소를 화면에 표시하기 위해 요소별로 아래와 같은 박스를 생성한다.

따라서 HTMl 요소의 크기는 컨텐츠의 크기, padding, border, margin에 의해 결정되며, 이를
'CSS 박스 모델(Box Model)'이라고 한다.

• content : 요소의 콘텐츠가 표시되는 영역
• padding : content 영역과 border 사이의 안쪽 영역
• border : padding 영역과 margin 사이의 테두리
• margin : border 기준으로 바깥쪽 여백