Class | Properties |
---|---|
t.mAuto | margin: 'auto' |
t.mXAuto | marginHorizontal: 'auto' |
t.mYAuto | marginVertical: 'auto' |
t.mTAuto | marginTop: 'auto' |
t.mRAuto | marginRight: 'auto' |
t.mBAuto | marginBottom: 'auto' |
t.mLAuto | marginLeft: 'auto' |
t.mEAuto | marginEnd: 'auto' |
t.mSAuto | marginStart: 'auto' |
t.mPx | margin: 1 |
t.mXPx | marginHorizontal: 1 |
t.mYPx | marginVertical: 1 |
t.mTPx | marginTop: 1 |
t.mRPx | marginRight: 1 |
t.mBPx | marginBottom: 1 |
t.mLPx | marginLeft: 1 |
t.mEPx | marginEnd: 1 |
t.mSPx | marginStart: 1 |
t.m0 | margin: 0 |
t.mX0 | marginHorizontal: 0 |
t.mY0 | marginVertical: 0 |
t.mT0 | marginTop: 0 |
t.mR0 | marginRight: 0 |
t.mB0 | marginBottom: 0 |
t.mL0 | marginLeft: 0 |
t.mE0 | marginEnd: 0 |
t.mS0 | marginStart: 0 |
t.m0_5 | margin: 2 |
t.mX0_5 | marginHorizontal: 2 |
t.mY0_5 | marginVertical: 2 |
t.mT0_5 | marginTop: 2 |
t.mR0_5 | marginRight: 2 |
t.mB0_5 | marginBottom: 2 |
t.mL0_5 | marginLeft: 2 |
t.mE0_5 | marginEnd: 2 |
t.mS0_5 | marginStart: 2 |
t.m1 | margin: 4 |
t.mX1 | marginHorizontal: 4 |
t.mY1 | marginVertical: 4 |
t.mT1 | marginTop: 4 |
t.mR1 | marginRight: 4 |
t.mB1 | marginBottom: 4 |
t.mL1 | marginLeft: 4 |
t.mE1 | marginEnd: 4 |
t.mS1 | marginStart: 4 |
t.m2 | margin: 8 |
t.mX2 | marginHorizontal: 8 |
t.mY2 | marginVertical: 8 |
t.mT2 | marginTop: 8 |
t.mR2 | marginRight: 8 |
t.mB2 | marginBottom: 8 |
t.mL2 | marginLeft: 8 |
t.mE2 | marginEnd: 8 |
t.mS2 | marginStart: 8 |
t.m3 | margin: 12 |
t.mX3 | marginHorizontal: 12 |
t.mY3 | marginVertical: 12 |
t.mT3 | marginTop: 12 |
t.mR3 | marginRight: 12 |
t.mB3 | marginBottom: 12 |
t.mL3 | marginLeft: 12 |
t.mE3 | marginEnd: 12 |
t.mS3 | marginStart: 12 |
t.m4 | margin: 16 |
t.mX4 | marginHorizontal: 16 |
t.mY4 | marginVertical: 16 |
t.mT4 | marginTop: 16 |
t.mR4 | marginRight: 16 |
t.mB4 | marginBottom: 16 |
t.mL4 | marginLeft: 16 |
t.mE4 | marginEnd: 16 |
t.mS4 | marginStart: 16 |
t.m5 | margin: 20 |
t.mX5 | marginHorizontal: 20 |
t.mY5 | marginVertical: 20 |
t.mT5 | marginTop: 20 |
t.mR5 | marginRight: 20 |
t.mB5 | marginBottom: 20 |
t.mL5 | marginLeft: 20 |
t.mE5 | marginEnd: 20 |
t.mS5 | marginStart: 20 |
t.m6 | margin: 24 |
t.mX6 | marginHorizontal: 24 |
t.mY6 | marginVertical: 24 |
t.mT6 | marginTop: 24 |
t.mR6 | marginRight: 24 |
t.mB6 | marginBottom: 24 |
t.mL6 | marginLeft: 24 |
t.mE6 | marginEnd: 24 |
t.mS6 | marginStart: 24 |
t.m7 | margin: 28 |
t.mX7 | marginHorizontal: 28 |
t.mY7 | marginVertical: 28 |
t.mT7 | marginTop: 28 |
t.mR7 | marginRight: 28 |
t.mB7 | marginBottom: 28 |
t.mL7 | marginLeft: 28 |
t.mE7 | marginEnd: 28 |
t.mS7 | marginStart: 28 |
t.m8 | margin: 32 |
t.mX8 | marginHorizontal: 32 |
t.mY8 | marginVertical: 32 |
t.mT8 | marginTop: 32 |
t.mR8 | marginRight: 32 |
t.mB8 | marginBottom: 32 |
t.mL8 | marginLeft: 32 |
t.mE8 | marginEnd: 32 |
t.mS8 | marginStart: 32 |
t.m9 | margin: 36 |
t.mX9 | marginHorizontal: 36 |
t.mY9 | marginVertical: 36 |
t.mT9 | marginTop: 36 |
t.mR9 | marginRight: 36 |
t.mB9 | marginBottom: 36 |
t.mL9 | marginLeft: 36 |
t.mE9 | marginEnd: 36 |
t.mS9 | marginStart: 36 |
t.m10 | margin: 40 |
t.mX10 | marginHorizontal: 40 |
t.mY10 | marginVertical: 40 |
t.mT10 | marginTop: 40 |
t.mR10 | marginRight: 40 |
t.mB10 | marginBottom: 40 |
t.mL10 | marginLeft: 40 |
t.mE10 | marginEnd: 40 |
t.mS10 | marginStart: 40 |
t.m11 | margin: 44 |
t.mX11 | marginHorizontal: 44 |
t.mY11 | marginVertical: 44 |
t.mT11 | marginTop: 44 |
t.mR11 | marginRight: 44 |
t.mB11 | marginBottom: 44 |
t.mL11 | marginLeft: 44 |
t.mE11 | marginEnd: 44 |
t.mS11 | marginStart: 44 |
t.m12 | margin: 48 |
t.mX12 | marginHorizontal: 48 |
t.mY12 | marginVertical: 48 |
t.mT12 | marginTop: 48 |
t.mR12 | marginRight: 48 |
t.mB12 | marginBottom: 48 |
t.mL12 | marginLeft: 48 |
t.mE12 | marginEnd: 48 |
t.mS12 | marginStart: 48 |
t.m14 | margin: 56 |
t.mX14 | marginHorizontal: 56 |
t.mY14 | marginVertical: 56 |
t.mT14 | marginTop: 56 |
t.mR14 | marginRight: 56 |
t.mB14 | marginBottom: 56 |
t.mL14 | marginLeft: 56 |
t.mE14 | marginEnd: 56 |
t.mS14 | marginStart: 56 |
t.m16 | margin: 64 |
t.mX16 | marginHorizontal: 64 |
t.mY16 | marginVertical: 64 |
t.mT16 | marginTop: 64 |
t.mR16 | marginRight: 64 |
t.mB16 | marginBottom: 64 |
t.mL16 | marginLeft: 64 |
t.mE16 | marginEnd: 64 |
t.mS16 | marginStart: 64 |
t.m20 | margin: 80 |
t.mX20 | marginHorizontal: 80 |
t.mY20 | marginVertical: 80 |
t.mT20 | marginTop: 80 |
t.mR20 | marginRight: 80 |
t.mB20 | marginBottom: 80 |
t.mL20 | marginLeft: 80 |
t.mE20 | marginEnd: 80 |
t.mS20 | marginStart: 80 |
t.m24 | margin: 96 |
t.mX24 | marginHorizontal: 96 |
t.mY24 | marginVertical: 96 |
t.mT24 | marginTop: 96 |
t.mR24 | marginRight: 96 |
t.mB24 | marginBottom: 96 |
t.mL24 | marginLeft: 96 |
t.mE24 | marginEnd: 96 |
t.mS24 | marginStart: 96 |
t.m28 | margin: 112 |
t.mX28 | marginHorizontal: 112 |
t.mY28 | marginVertical: 112 |
t.mT28 | marginTop: 112 |
t.mR28 | marginRight: 112 |
t.mB28 | marginBottom: 112 |
t.mL28 | marginLeft: 112 |
t.mE28 | marginEnd: 112 |
t.mS28 | marginStart: 112 |
t.m32 | margin: 128 |
t.mX32 | marginHorizontal: 128 |
t.mY32 | marginVertical: 128 |
t.mT32 | marginTop: 128 |
t.mR32 | marginRight: 128 |
t.mB32 | marginBottom: 128 |
t.mL32 | marginLeft: 128 |
t.mE32 | marginEnd: 128 |
t.mS32 | marginStart: 128 |
t.m36 | margin: 144 |
t.mX36 | marginHorizontal: 144 |
t.mY36 | marginVertical: 144 |
t.mT36 | marginTop: 144 |
t.mR36 | marginRight: 144 |
t.mB36 | marginBottom: 144 |
t.mL36 | marginLeft: 144 |
t.mE36 | marginEnd: 144 |
t.mS36 | marginStart: 144 |
t.m40 | margin: 160 |
t.mX40 | marginHorizontal: 160 |
t.mY40 | marginVertical: 160 |
t.mT40 | marginTop: 160 |
t.mR40 | marginRight: 160 |
t.mB40 | marginBottom: 160 |
t.mL40 | marginLeft: 160 |
t.mE40 | marginEnd: 160 |
t.mS40 | marginStart: 160 |
t.m44 | margin: 176 |
t.mX44 | marginHorizontal: 176 |
t.mY44 | marginVertical: 176 |
t.mT44 | marginTop: 176 |
t.mR44 | marginRight: 176 |
t.mB44 | marginBottom: 176 |
t.mL44 | marginLeft: 176 |
t.mE44 | marginEnd: 176 |
t.mS44 | marginStart: 176 |
t.m48 | margin: 192 |
t.mX48 | marginHorizontal: 192 |
t.mY48 | marginVertical: 192 |
t.mT48 | marginTop: 192 |
t.mR48 | marginRight: 192 |
t.mB48 | marginBottom: 192 |
t.mL48 | marginLeft: 192 |
t.mE48 | marginEnd: 192 |
t.mS48 | marginStart: 192 |
t.m52 | margin: 208 |
t.mX52 | marginHorizontal: 208 |
t.mY52 | marginVertical: 208 |
t.mT52 | marginTop: 208 |
t.mR52 | marginRight: 208 |
t.mB52 | marginBottom: 208 |
t.mL52 | marginLeft: 208 |
t.mE52 | marginEnd: 208 |
t.mS52 | marginStart: 208 |
t.m56 | margin: 224 |
t.mX56 | marginHorizontal: 224 |
t.mY56 | marginVertical: 224 |
t.mT56 | marginTop: 224 |
t.mR56 | marginRight: 224 |
t.mB56 | marginBottom: 224 |
t.mL56 | marginLeft: 224 |
t.mE56 | marginEnd: 224 |
t.mS56 | marginStart: 224 |
t.m60 | margin: 240 |
t.mX60 | marginHorizontal: 240 |
t.mY60 | marginVertical: 240 |
t.mT60 | marginTop: 240 |
t.mR60 | marginRight: 240 |
t.mB60 | marginBottom: 240 |
t.mL60 | marginLeft: 240 |
t.mE60 | marginEnd: 240 |
t.mS60 | marginStart: 240 |
t.m64 | margin: 256 |
t.mX64 | marginHorizontal: 256 |
t.mY64 | marginVertical: 256 |
t.mT64 | marginTop: 256 |
t.mR64 | marginRight: 256 |
t.mB64 | marginBottom: 256 |
t.mL64 | marginLeft: 256 |
t.mE64 | marginEnd: 256 |
t.mS64 | marginStart: 256 |
t.m72 | margin: 288 |
t.mX72 | marginHorizontal: 288 |
t.mY72 | marginVertical: 288 |
t.mT72 | marginTop: 288 |
t.mR72 | marginRight: 288 |
t.mB72 | marginBottom: 288 |
t.mL72 | marginLeft: 288 |
t.mE72 | marginEnd: 288 |
t.mS72 | marginStart: 288 |
t.m80 | margin: 320 |
t.mX80 | marginHorizontal: 320 |
t.mY80 | marginVertical: 320 |
t.mT80 | marginTop: 320 |
t.mR80 | marginRight: 320 |
t.mB80 | marginBottom: 320 |
t.mL80 | marginLeft: 320 |
t.mE80 | marginEnd: 320 |
t.mS80 | marginStart: 320 |
t.m96 | margin: 384 |
t.mX96 | marginHorizontal: 384 |
t.mY96 | marginVertical: 384 |
t.mT96 | marginTop: 384 |
t.mR96 | marginRight: 384 |
t.mB96 | marginBottom: 384 |
t.mL96 | marginLeft: 384 |
t.mE96 | marginEnd: 384 |
t.mS96 | marginStart: 384 |
Usage
Set the margin of an element using the t.m{Direction}{Width}
utility classes. To set a negative margin use t.\_m{Direction}{Width}
.