CSS Model

CSS box model defines using three elements:

CSS Margin

Four types of CSS Margin used in CSS

margin-top, margin-right, margin-bottom and margin-left.

Ex.

                  p {

                        margin-left: 10px;

                         margin-right: 30px;

                        }

CSS Padding

In CSS we will use different types of element padding, such as top, right, bottom or left. 

​Ex.

                p {

                          padding-top: 20px;

                          padding-left: 50px;

                      }

​

CSS Border

Different types of border properties used in CSS.

 border-color, border-width

border-style properties: none, hidden, dashed, dotted, double, groove, inset, outset, ridge and solid.

Ex.

                     p {

                             border-style: dotted;

                      border-width: medium 10px thick 15px

                     }