CSS · The box model

box-sizing

Makes width include padding and border. Almost every project should set it globally.

Syntax
box-sizing: border-box

Example

Try it

More in this group

aspect-ratio border border-radius box-shadow height margin margin-block / margin-inline min-width / max-width

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course