CSS 박스 크기 설정

[CSS] box-sizing : 박스 크기 방식 설정

box-sizing box-sizing이란 박스 모델의 너비와 높이를 계산하는 방식을 변경하는 속성 box-sizing 사용 이유 width와 height는 기본적으로 컨텐츠 박스 크기에만 적용된다. 따라서 테두리(border) 또는 안쪽 여백(padding)이 있는 경우에는 컨텐츠의 크기 + @로 테두리나 안쪽 여백을 고려해야 하기 때문에 어려움을 느낀다. 여기서 box-sizing의 value를 border-box로 지정하면 width와 height를 테두리, 여백을 포함한 크기로 지정할 수 있다. box-sizing values / box-sizing 속성 값 content-box CSS 표준의 정의한 초기 기본값으로 width와 height 속성이 컨텐츠 영역만 포함한다. selector { bo..