教程 其他 框架 组件 接口

通用样式

名称类型默认值描述
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-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>0xff
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>--

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

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容