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

box-sizing: border-box;
box-sizing: content-box;

예시

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