CSS box-sizing property

Property values

content-boxDefault

The content-box counts the content area only i.e. border is not a part of the box's dimensions.

The height and width of the box include the content and padding areas only excluding the border area.

content-box: content-box;

Try it { }

border-box

In this case, border-box includes the content area, padding area, and border area i.e. border is also a part of the box's dimensions.

The width and height of the border-box is the sum of content area, padding area and border area.

content-box: border-box;

Try it { }