[CSS] box-sizing 이란? / 사용법

box-sizing 이란?

너비와 높이 설정시, 테두리를 포함하여 설정할지, 테두리를 제외하고 설정할지 결정하는 것

 

box-sizing 사용법

 

1. content-box ( 테두리 제외하고 너비, 높이 설정 / 기본값 )

{
  box-sizing: content-box;
}

 

2. border-box ( 테두리 포함하여 너비, 높이 설정 )

{
  box-sizing: border-box;
}