Box Model in CSS

Box Model in CSS

According to this concept, every single element of HTML is a rectangular box. This box is made up of content, border, margin, and padding of that element. This box-model has been depicted in the diagram below.

Margin: - Margin is defined as the space of four outside the boundary of an element. It does not have any color but rather it is transparent.

Border: - The boundary of an element is its boundary line. The border is hidden, but we can define it by CSS and show it.

Padding: - It is defined as the space between an element's content and its border. As a margin, there is no color of padding, but it is transparent.

Content: - This is real content such as text, images, etc.