Content Box
The default value of ‘box-sizing’ is ‘content-box’. This means the total width of an element would be its width (if defined by you) +it’s border size + padding.
Border Box
Width remains what it was assigned and only the inner content area is compressed when we increase its padding and border size.