margin css order

css tutorial : order of margin face

The order of the margin property of css is top, right, bottom, left. Same as clockwise. In the following css example, the margin for each direction would be 1px up, 2px right, 3px down, 4px left.

.test {

    margin: 1px 2px 3px 4px;

}

To set the property values separately for each face, use the margin property below for each face.

.test {

    margin-top: 1px;

    margin-right: 2px;

    margin-bottom: 3px;

    margin-left: 4px;

}

The order of css for each side applies equally to padding and border as well as margin.