Spacing

#

Margins

Margins are used to create space around elements, outside of any defined borders. m property is used to set all margin size. It accepts the following values:

0: no margin
1: small margin
2: medium margin
3: large margin
4: x-large margin
5: xx-large margin

mb property is used to set the margin-bottom size. It accepts the same values as m.
ms property is used to set the margin-start size. It accepts the same values as m.
me property is used to set the margin-end size. It accepts the same values as m.
mt property is used to set the margin-top size. It accepts the same values as m.
mx property is used to set the margin-left and margin-right size. It accepts the same values as m.
my property is used to set the margin-top and margin-bottom size. It accepts the same values as m.

m="3"

ms="3"

me="3"

mt="3"

mb="3"

mx="3"

my="3"

#

Paddings

Paddings are used to create space around the content of an element, inside of any defined borders. p property is used to set all paddings size. It accepts the following values:

0: no padding
1: small padding
2: medium padding
3: large padding
4: x-large padding
5: xx-large padding

pb property is used to set the padding-bottom size. It accepts the same values as p.
ps property is used to set the padding-start size. It accepts the same values as p.
pe property is used to set the padding-end size. It accepts the same values as p.
pt property is used to set the padding-top size. It accepts the same values as p.
px property is used to set the padding-left and padding-right size. It accepts the same values as p.
py property is used to set the padding-top and padding-bottom size. It accepts the same values as p.

p="2"

px="2"

py="2"

pt="2"

pb="2"

ps="2"

pe="2"