박스 모델

박스모델

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

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

박스모델

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

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

Margin

요소와 요소 사이의 간격을 조정하는 데 사용됩니다.

Padding

컨텐츠와 테두리 사이의 간격을 제어하는 역할을 합니다.

축약형 4가지 값 지정 방법

padding은 축약형으로 사용할 수 있으며, 다음 네 가지 방식으로 값을 지정할 수 있습니다:

박스모델

Margin

요소와 요소 사이의 간격을 조정하는 데 사용됩니다.

Padding

컨텐츠와 테두리 사이의 간격을 제어하는 역할을 합니다.

축약형 4가지 값 지정 방법

padding은 축약형으로 사용할 수 있으며, 다음 네 가지 방식으로 값을 지정할 수 있습니다: