Css Box Model

To learn something new about Box Model.......

ยท

1 min read

Css Box Model

Table of contents

No heading

No headings in the article.

What is Box Model?...โ€ฆ

First of all, the Box model is a very helpful property to set margin, padding, border, and padding around HTML elements. Well, there are different parts we will give focus on step by step...๐Ÿ™‚

  1. Content: It means you can write some text or put images on the content of the box.
  2. Padding: It is utilized to set the padding around the content part.
  3. Border: It goes around the padding content. Also, it increases the beauty of our content
  4. Margin: Well we can give margin outside the border.

Screenshot_20221129_123832.png

Output:

Screenshot_20221129_123943.png

In addition to that, We can give top, left, right, and bottom in all padding, border, and margin of the CSS box model.

Screenshot_20221129_124611.png

Output:

Screenshot_20221129_123943.png

To conclude, This is a very small article because, there is nothing but just only to give padding, margin, border of CSS box model(content)โ€ฆ.

ย