What is the Box model in CSS? Which CSS properties are a part of it?

1.	What is the Box model in CSS? Which CSS properties are a part of it?
Answer» A rectangle box is wrapped AROUND every HTML element. The box model is used to determine the height and width of the RECTANGULAR box. The CSS Box CONSISTS of Width and height (or in the absence of that, default values and the content inside), padding, borders, margin. Content: Actual Content of the box where the text or image is placed. Padding: Area SURROUNDING the content (Space between the border and content). Border: Area surrounding the padding. Margin: Area surrounding the border.

Answer»

A rectangle box is wrapped AROUND every HTML element. The box model is used to determine the height and width of the RECTANGULAR box. The CSS Box CONSISTS of Width and height (or in the absence of that, default values and the content inside), padding, borders, margin.

Content: Actual Content of the box where the text or image is placed.
Padding: Area SURROUNDING the content (Space between the border and content).
Border: Area surrounding the padding.
Margin: Area surrounding the border.

Discussion

No Comment Found

Related InterviewSolutions

What is cascading in CSS?
What are the properties of flexbox?
What do the following CSS selectors mean?
What is a z-index, how does it function?
Why should we use float property in CSS?
How is opacity specified in CSS3?
How is border-box different from content-box?
How are the CSS selectors matched against the elements by the browser?
What are the differences between adaptive design and responsive design?
What property is used for changing the font face?

What is the Box model in CSS? Which CSS properties are a part of it?

Discussion

No Comment Found

Related InterviewSolutions

Reply to Comment