CSS Basic Box Model

박스 내 콘텐츠 흐름을 제어하는 속성

• overflow
• overflow-x (en-US)
• overflow-y (en-US)

박스 크기를 제어하는 속성

• height
• width
• max-height
• max-width
• min-height
• min-width

박스의 바깥 여백을 제어하는 속성

• margin
• margin-bottom
• margin-left
• margin-right
• margin-top
• margin-trim (en-US) Experimental

박스의 안쪽 여백을 제어하는 속성

• padding
• padding-bottom
• padding-left
• padding-right
• padding-top

기타 속성

• visibility

CSS 박스 모델 입문

CSS의 기초 개념 중 하나인 박스 모델을 설명합니다. 박스 모델은 CSS가 요소와 요소의 콘텐츠, 안쪽 여백, 테두리, 바깥 여백 영역을 배치하는 법을 정의합니다.

여백 상쇄 정복

어떤 경우, 두 개의 인접한 바깥 여백은 하나로 상쇄됩니다. 이 글은 상쇄가 언제 어떻게 일어나고 이를 어떻게 제어하는지 설명합니다.

시각적 서식 모델

시각적 서식 모델을 설명합니다.