[CSS] box-sizing:border-box;
2018.06.21
작성일/수정일
2018-06-21 14:40:40 / 2018-06-21 14:40:40
<style>에서{box-sizing: border-box;} 을 주면 박스의 보더를 내부로 옮길 수 있습니다.
예를 들면
전체 박스 사이즈가 가로,세로 100px이고 패딩, 보더를 사방으로 10px씩 주면
박스 사이즈가 가로,세로 140px이 되어버립니다.
이럴 때 보더와 패딩을 내부로 들여옮겨
원래 박스값인 가로,세로 100px를 유지하게 하는 기능이
{box-sizing: border-box} 입니다.