box-sizing

기능

element 들의 크기를 border를 기준으로 안쪽으로 할지, 바깥쪽으로 할지 결정한다. element 들의 사이즈 기본값은 border 안쪽의 크기로 설정되지만 box-sizing에 border-box 값을 주면 element 들의 사이즈는 border 바깥쪽의 크기로 설정된다.

사용 예제

* {
  box-sizing: border-box;
}