content-box : 기본값. 스타일에서 width, height와는 별도로 padding,border의 사이즈가 해당 엘레멘트의 실제 너비,높이에 영향을 미친다.
width:200px, padding-left:2px 일 경우 엘레멘트는 202px의 너비를 가진다.
border-box : 스타일의 width,height를 설정하면 padding,border의 사이즈는 해당 엘레멘트의 너비, 높이에 영향을 미치지 않는다.(즉, width,height가 padding,border의 사이즈를 포함하게 된다. 다만 margin은 영향 받지 않는다.)
width:200px, padding-left:2px 일 경우 엘레멘트는 200px의 너비를 가진다.
padding-box : 스타일 width,height는 padding의 사이즈만 포함한다.(border,margin에는 영향을 받지 않는다.)
