> For the complete documentation index, see [llms.txt](https://shhn0509.gitbook.io/html-and-css/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shhn0509.gitbook.io/html-and-css/css-2/undefined-2/box-sizing.md).

# 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;
}
```