[ CSS ] box-sizing(border-box, content-box)

 

 

※ [ CSS ] box-sizing(border-box,  content-box)

 

 

 

 

 

box-sizing 속성

 

1. content-box : border를 제외한 content 영역을 지정한 너비로 계산한다.

    - border 너비까지 포함한다면 내가 지정한 너비(width)보다 초과된다.

 

2. border-box : border너비를 포함하여 내가 지정한 너비를 초과하지 않는다.  

    - content 영역의 너비는 내가 지정한 너비보다 작게 된다.