Every component is stated as a rectangular box. Deciding the size, properties — like its shading, foundation, outskirts perspective — and the position of these containers is the objective of the rendering motor.
In CSS, each of these rectangular boxes is portrayed utilizing the standard box model. This model depicts the substance of the space taken by a component. Every container has four edges: the edge, outskirt edge, cushioning edge, and substance edge.The content range is the zone containing the genuine substance of the component. It frequently has a foundation, a shading or a picture and is situated inside the substance edge; its measurements are the substance width, or substance box width, and the substance tallness, or substance box stature.