사용자 도구

사이트 도구


wiki:css:css_note:css_box_sizing

문서의 이전 판입니다!


CSS Box Sizing

  • description : CSS box-sizing Property
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-03-16



Source of the article

CSS Box Sizing

CSS box-sizing속성을 사용하여 요소의 총 너비와 높이에 패딩과 보더를 포함시킬 수 있습니다.

Without the CSS box-sizing Property

기본적으로, 요소의 너비와 높이는 아래와 같이 계산됩니다.

너비 + 패딩 + 보더 = 요소의 실제 너비
높이 + 패딩 + 보더 = 요소의 실제 높이

요소의 너비/높이를 설정할 경우, 해당 요소의 지정 너비와 높이에 보더와 패딩이 추가되기 때문에 해당 요소가 설정보다 더 크게 표시될 때가 있다는 것을 의미합니다.

예제

/volume1/web/dokuwiki/data/attic/wiki/css/css_note/css_box_sizing.1615885545.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)