コンテンツにスキップ

vuetify margin padding#

property には以下の間隔のタイプが適用されます:
- m - margin を適用する
- p - padding を適用する

direction は、プロパティが適用される側を指定します:
- t top 上
- b bottom下
- l left 左
- r right右
- x x軸 左右
- y y軸 上下
- a all 上下左右

size は 4px の間隔でプロパティの増分を制御します:

  • 0 - eliminates all margin or padding by setting it to 0
  • 1 - sets margin or padding to 4px
  • 2 - sets margin or padding to 8px
  • 3 - sets margin or padding to 12px
  • 4 - sets margin or padding to 16px
  • 5 - sets margin or padding to 20px
  • 6 - sets margin or padding to 24px
  • 7 - sets margin or padding to 28px
  • 8 - sets margin or padding to 32px
  • 9 - sets margin or padding to 36px
  • 10 - sets margin or padding to 40px
  • 11 - sets margin or padding to 44px
  • 12 - sets margin or padding to 48px
  • 13 - sets margin or padding to 52px
  • 14 - sets margin or padding to 56px
  • 15 - sets margin or padding to 60px
  • 16 - sets margin or padding to 64px
  • n1 - sets margin to -4px
  • n2 - sets margin to -8px
  • n3 - sets margin to -12px
  • n4 - sets margin to -16px
  • n5 - sets margin to -20px
  • n6 - sets margin to -24px
  • n7 - sets margin to -28px
  • n8 - sets margin to -32px
  • n9 - sets margin to -36px
  • n10 - sets margin to -40px
  • n11 - sets margin to -44px
  • n12 - sets margin to -48px
  • n13 - sets margin to -52px
  • n14 - sets margin to -56px
  • n15 - sets margin to -60px
  • n16 - sets margin to -64px
  • auto - 間隔を auto に設定

References#

Tags#

  • #js/vue/vuetify