尺寸与边距

Kraken 的基于 CSS 的盒模型样式 - 图1 来描述标签的尺寸与边距,涉及以下的属性:

属性

height

  • 定义:指定元素的高度。
  • 属性值:<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考:链接样式 - 图2

min-height

  • 定义:指定元素的最小高度。
  • 属性值:<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考:链接样式 - 图3

max-height

  • 定义:指定元素的最大高度。
  • 属性值:none | <number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考:链接样式 - 图4

width

  • 定义:指定元素的宽度。
  • 属性值:<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考:链接样式 - 图5

min-width

  • 定义:指定元素的最小宽度。
  • 属性值:<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考:链接样式 - 图6

max-width

  • 定义:指定元素的最大宽度。
  • 属性值:none | <number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考:链接样式 - 图7

margin

  • 定义:为给定元素设置所有四个(上下左右)方向的外边距属性。是 margin-top,margin-right,margin-bottom 和 margin-left 四个外边距属性设置的简写。
  • 属性值:<±number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考:链接样式 - 图8

margin-top、margin-right、margin-bottom、margin-left

padding

  • 定义:为给定元素设置所有四个(上下左右)方向的内边距属性。是 padding-top,padding-right,padding-bottom 和 padding-left 四个内边距属性设置的简写。
  • 属性值:<number>[ px | rpx | vw | vh | vmin | vmax | % ]
  • 参考:链接样式 - 图13

padding-top、padding-right、padding-bottom、padding-left