Margin

Utilities for controlling the margin of an element.

Class CSS Output
m-0
margin: calc(var(--spacing) * 0);
}
m-4
margin: calc(var(--spacing) * 4);
}
m-8
margin: calc(var(--spacing) * 8);
}
m-auto
margin: auto;
}
m-px
margin: 1px;
}
m-[value]
margin: [value]
}
-m-4
margin: calc(var(--spacing) * -4);
}
mx-0
margin-inline: calc(var(--spacing) * 0);
}
mx-4
margin-inline: calc(var(--spacing) * 4);
}
mx-8
margin-inline: calc(var(--spacing) * 8);
}

m-0

margin: calc(var(--spacing) * 0);

m-4

margin: calc(var(--spacing) * 4);

m-8

margin: calc(var(--spacing) * 8);

m-auto

margin: auto;

m-px

margin: 1px;

m-[value]

margin: [value]

-m-4

margin: calc(var(--spacing) * -4);

mx-0

margin-inline: calc(var(--spacing) * 0);

mx-4

margin-inline: calc(var(--spacing) * 4);

mx-8

margin-inline: calc(var(--spacing) * 8);

Reference

margin MDN ↗
margin-inline MDN ↗

CSS Properties

  • margin
  • margin-inline