CSS Box Model

CSS Box Model

Table of contents

CSS Box Model

In CSS, the term "box model" is used when talking about design and layout. image.png

**Explanation of the different parts:

  • Content - The content of the box, where text and images appear
  • Padding - Clears an area around the content. The padding is transparent
  • Border - A border that goes around the padding and content
  • Margin - Clears an area outside the border. The margin is transparent

The box model allows us to add a border around elements, and to define space between elements.

Example👇**

image.png


image.png> Download our HTML & CSS Visual Treat! ebook Here: Click here