box-sizing1 CSS Box Model과 box-sizing 문서의 레이아웃을 계산할 때 브라우저의 렌더링 엔진은 CSS Box Model에 따라 각각의 HTML element를 box 형태로 표현하며, CSS를 통해 각 element의 box 크기, 위치, 속성을 설정할 수 있다. CSS Box Model CSS Box Model은 크게 네 가지 영역으로 구분되고, 안쪽부터 Content Padding Border Margin 영역이 있다. Content 영역은 content edge가 감싼 영역으로 텍스트, 이미지 등 실제 content가 위치하는 영역이디. Padding 영역은 padding edge가 감싼 영역으로 border 영역과 content 영역 사이에 위치한 안쪽 여백이다. Border 영역은 border edge가 감싼 영역으로 box의 테두리다.. 2022. 7. 4. 이전 1 다음
