What is CSS Box Model to style elements

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 following properties: padding-top, padding-bottom, padding-left, padding-right. We can use the shorthand property padding also for specifying individual padding on all sides as shown below: p { padding: 10px 20px 10px 20px; }  The order of padding in the above CSS rule is top, right, bottom and left. We can also combine top, bottom and

The post What is CSS Box Model to style elements appeared first on Coding Security.

What is CSS Box Model to style elements
read more