728x90 content-box1 HTML/CSS - box-sizing 안녕하세요, 오늘은 간단히 box-sizing에 대해 정리해보겠습니다. box-sizing은 요소의 크기 계산 기준을 지정하는 속성입니다. ◆ box-sizing속성의 값 -. content-box : 너비(width, height)만으로 요소의 크기 계산 (기본값) -. border-box : 너비(width, height)와 안쪽 여백(padding)과 테두리 선(border)을 포함하여 요소의 크기 계산 아래 그림으로 설명드리겠습니다. 위의 box가 border-box 개념이고 아래 box2가 실제 content box입니다. box2에서 padding과 border을 추가함으로써 영역이 커진 것을 확인할 수 있습니다. 여기서 padding/border 추가를 하지만 전체 width와 height를.. 2021. 6. 4. 이전 1 다음