Margin
Utilities for controlling the margin of an element.
| Class | CSS Output |
|---|---|
m-0 |
|
m-4 |
|
m-8 |
|
m-auto |
|
m-px |
|
m-[value] |
|
-m-4 |
|
mx-0 |
|
mx-4 |
|
mx-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
marginmargin-inline