# BOX SIZING

## BOX SIZING

* content-box

* border-box

* content-box (default):  

  width = content-box  

  height = content-box

* border-box:\
  width = content-box + padding-box + border-box\
  height = content-box + padding-box + border-box

```css
box-sizing: border-box;
box-sizing: content-box;
```

## 예시 

```css
.box-sizing {
  box-sizing: border-box, content-box;
  width: 200px;
  height: 100px;
  border: 1px solid;
  text-align: center;
  line-height: 100px;
}
```