border-box1 box-sizing 속성 알아보기 1. box-sizing? 박스의 너비와 높이를 어떤 기준으로 계산할지 정하는 속성이다. 속성 값은 content-box, border-box가 있다. 2. box-sizing 속성 content-box : 너비와 높이가 콘텐츠를 기준으로 계산된다. border-box : 너비와 높이가 테두리를 포함해서 계산된다. 3. content-box 적용 예시 [HTML, CSS] box-sizing: content-box 총 너비(640px) : width(600px) + 좌.우 padding(20px) + 좌·우 border 두께(20px) [결과 화면] box-sizing: content-box 인 경우 콘텐츠를 기준으로 총 너비가 나타나기 때문에 기존 width 600px에 padding값 좌, 우 각10.. 2022. 9. 13. 이전 1 다음
