CSS Box Model Tutorial And CSS Box Model Reference:- It consists of margins, borders, padding, and the content. The example below illustrates the CSS box model.
Content – The content part of the box, where text and images appear.
Padding – Clears an area around the content part. The padding is transparent.
Border – A border that goes around the padding and content part.
Margin – Clears an area outside the border. The margin is transparent.
The CSS box model allows us to add a border around elements, and to define space between elements.