Can you explain box-sizing:border-box;??in css

Question

Box-sizing:border-box

Answer 1

You are welcome 👍

Answer 2

By default, the width and height of an element is calculated like this:

width + padding + border = actual width of an element
height + padding + border = actual height of an element

But , The box-sizing property allows us to include the padding and border in an element's total width and height.

If you set box-sizing: border-box; on an element, padding and border are included in the width and height.

Where as normally padding and border are not included in width & height.

Answer 3

Tank you this is explain is great