CSS Box Model Tutorial and CSS Box Model Reference

Published on: September 9, 2014   Last Updated on : June 1, 2018   Posted By : WebDesignReference

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.

Margin
Border
Padding
Content
 
Explanation of the different parts of 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.

 

Also Related to CSS