What is Box Model in stylesheets (CSS)

Every HTML element have an imaginary border around its content. The internal space between the content and the border of the element is known as padding and the external space between the border and another adjacent element is known as margin. This is known as the Box Model which is illustrated in the below figure: Padding: Padding of an element can be specified using the shorthand property padding as shown below: p { padding: 10px; }  Above CSS rule specifies a padding of 10 pixels on all sides of the element. To specify padding only on individual sides we have

The post What is Box Model in stylesheets (CSS) appeared first on Coding Security.

What is Box Model in stylesheets (CSS)
read more