View video tutorial

CSS Margin Shorthand

CSS

❮ Prev Next ❯

The margin shorthand property is used to specify all margin properties on one line.

The following properties are used in margin shorthand.

Here, top:20px. right:40px. bottom:60px. left:80px.

.p1 {
  margin: 20px 40px 60px 80px;
  border: 1px solid black;
}

Try it Now »

Click on the "Try it Now" button to see how it works.

Here, top:20px. right:40px. bottom:60px. left:40px.

.p1 {
  margin: 20px 40px 60px;
  border: 1px solid black;
}

Try it Now »

Click on the "Try it Now" button to see how it works.

Here, top:20px. right:40px. bottom:20px. left:40px.

.p1 {
  margin: 20px 40px;
  border: 1px solid black;
}

Try it Now »

Click on the "Try it Now" button to see how it works.

Here, top:20px. right:20px. bottom:20px. left:20px.

.p1 {
  margin: 20px;
  border: 1px solid black;
}

Try it Now »

Click on the "Try it Now" button to see how it works.

❮ Prev Next ❯