Units
Initial values
Computed values
Used values
Actual values
Introduction to the CSS box model
- content
- padding
- border
- margin
box-sizing: content-box;
This is the default, width and height do not include padding, border, or margin.
If the element is a block element, the content area’s size can be explicitly defined with the width, min-width, max-width, height, min-height, and max-height properties.
box-sizing: border-box;
The width and height properties include the content, padding, and border, but do not include the margin.