CSS Box Model CSS And Html
The CSS box model is essentially a box that is hidden around every HTML component. It consists of: border padding, margins, and actual content.
Css box model
All HTML elements can be considered as box. In CSS, the term "box model" refers to the design and layout of the word.
The CSS box model is essentially a box that is hidden around every HTML component. It includes: margins, borders, padding and physical content. The picture below illustrates the box model:
Tha CSS Box Model
Explanation of different parts:
Content - The content of the box, where the text and the image appear
Padding - Clears an area around the content. Padding is transparent
Border - A border that is near the padding and content
Margins - Clears an area outside the premises. Margin is transparent
The box model allows to add a border around the elements and to position the objects.he objects.
Tha CSS Image Box ModelCss box model
All HTML elements can be considered as box. In CSS, the term "box model" refers to the design and layout of the word.
The CSS box model is essentially a box that is hidden around every HTML component. It includes: margins, borders, padding and physical content. The picture below illustrates the box model:
Tha CSS Box Model
Explanation of different parts:
Content - The content of the box, where the text and the image appear
Padding - Clears an area around the content. Padding is transparent
Border - A border that is near the padding and content
Margins - Clears an area outside the premises. Margin is transparent
The box model allows to add a border around the elements and to position the objects.he objects.
No comments:
Post a Comment