CSS BOX-MODEL
The CSS Box-Model is used to create the design and layout of web pages including the help of some CSS box-model properties like positioning, box-sizing, margin, padding, border, border-radius, shadow, etc...
Box-Model Property Does Not Influence
"The CSS outline property is not part of the CSS Box Model. So, the Outlines does not take up any space. It is created with the outline properties is drawn 'OVER' a box, (i.e.) The outlines are always on top and does not influence the position or size of the box, or of any other boxes"
REQUIRED EDGES
There are four edges required in a CSSOX-MODEL such as:
- Content Edge OR Inner Edge
- Padding Edge (Padding-Top, Bottom, Left, Right)
- Margin Edge (Margin-Top, Bottom, Left, Right)
- Border Edge (Border, Border-Radius, etc.)