通用样式

名称类型默认值描述
width<length> | <percentage>-未设置时使用组件自身内容需要的宽度
height<length> | <percentage>-未设置时使用组件自身内容需要的高度
padding<length>0简写属性，在一个声明中设置所有的内边距属性，该属性可以有 1 到 4 个值
padding-[left|top|right|bottom]<length>0
margin<length>0简写属性，在一个声明中设置所有的外边距属性，该属性可以有 1 到 4 个值
margin-[left|top|right|bottom]<length>0
border-0简写属性，在一个声明中设置所有的边框属性，可以按顺序设置属性 width style color，不设置的值为默认值
border-[left|top|right|bottom] 1050+-0简写属性，在一个声明中设置对应位置的所有边框属性，可以按顺序设置属性 width style color，不设置的值为默认值
border-styledotted | dashed | solidsolid暂时仅支持 1 个值，为元素的所有边框设置样式
border-width<length>0简写属性，在一个声明中设置元素的所有边框宽度，或者单独为各边边框设置宽度
border-[left|top|right|bottom]-width<length>0
border-color<color>black简写属性，在一个声明中设置元素的所有边框颜色，或者单独为各边边框设置颜色
border-[left|top|right|bottom]-color<color>black
border-radius<length>0圆角时只使用 border-width，border-[left|top|right|bottom]-width 无效圆角时只使用 border-color，border-[left|top|right|bottom]-color 无效
border-[top|bottom]-[left|right]-radius<length>0
background<linear-gradient>-支持 渐变样式，暂时不能与 background-color、background-image 同时使用
background-color<color>-
background-image<uri>-暂时不支持与 background-color，border-color 同时使用；支持本地图片资源；1030+支持网络图片资源；1010+版本支持 9-patch 图，详情见背景图样式
background-size 1000+contain | cover | auto | <length> | <percentage>100% 100%设置背景图片大小，详情见背景图样式
background-repeat 1000+repeat | repeat-x | repeat-y | no-repeatrepeat设置是否及如何重复绘制背景图像，详情见背景图样式
background-position 1010+<length> |<percentage>| left | right | top | bottom | center0px 0px描述了背景图片在容器中绘制的位置，支持 1-4 个参数，详情见背景图样式
opacity<number>1
displayflex | noneflex
visibilityvisible | hiddenvisible
flex<number>-父容器为<div>、<list-item>、<tabs>时生效
flex-grow<number>0父容器为<div>、<list-item>时生效
flex-shrink<number>1父容器为<div>、<list-item>时生效
flex-basis<number>-1父容器为<div>、<list-item>时生效
positionnone | fixednone父容器为<list>、<swiper>时不生效
[left|top|right|bottom]<number>--

注：通用样式都不是必填项

1040+ 颜色值设置支持 hsl 和 hsla 格式