본문 바로가기
반영훈/웹 개발

[CSS] box 사이즈를 자동 계산해 주는 box-sizing: border-box

by Banda 2020. 6. 20.

box-sizing: border-box;

위 값을 추가 하게 되면

width:100px;

height:100px;

padding: 30px;

box-sibox-sizing: border-box;

이와 같이 코드가 작성 되었을 때,

패딩 상하좌우 각 30px; 을 추가하여  width값과 height 값이 100px이 되도록 자동계산 해준다.

'반영훈 > 웹 개발' 카테고리의 다른 글

[CSS] display 속성  (0) 2020.06.20
[CSS] border 속성의 값  (0) 2020.06.20
[CSS] margin 단축속성 입력 순서(ft.개별속성)  (0) 2020.06.20
[CSS]div와 span의 가로 세로 기본값  (0) 2020.06.20
[CSS]vw, vh, vmin, vmax  (0) 2020.06.20

댓글