프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[CSS] box-sizing:border-box;

2018.06.21
북마크 [출처 이동]    작성자 정보
<style>에서{box-sizing: border-box;} 을 주면 박스의 보더를 내부로 옮길 수 있습니다.

예를 들면
전체 박스 사이즈가 가로,세로 100px이고 패딩, 보더를 사방으로 10px씩 주면
박스 사이즈가 가로,세로 140px이 되어버립니다.
이럴 때 보더와 패딩을 내부로 들여옮겨
원래 박스값인 가로,세로 100px를 유지하게 하는 기능이
{box-sizing: border-box} 입니다.

이 포스트 공유하기

전체목록