Skip to content

CSS Box Model

수정하기
문서 생성 2021-09-17 16:24:30 최근 수정 2021-09-17 16:24:40

CSS에서 "박스 모델(box model)"이라는 용어는 레이아웃을 설계에 대해 이야기할 때 사용된다.
박스 모델은 모든 HTML 요소를 감싸고 있는 상자를 의미한다. "padding", "border", "margin", "content"로 구성된다.

브라우저에서 개발자도구를 열어보자. 요즘엔 세상이 좋아져서 쉽게 박스 모델을 확인할 수 있다.

Box Model in Developer Tool
Box Model in Developer Tool.png

Tags