爱码哥平台文档：控件样式 例如display等.doc

UI样式样式描述width控件的宽度height控件的高度alpha控件的透明度display显示或隐藏控件align控件的对齐方式text-align控件的文本对齐方式text-decoration控件的文本装饰方式color控件的文本颜色font-size控件的字体大小font-style控件的字体样式font-weight控件的字体粗细border控件边框background控件背景corner-radius控件圆角margin控件外边距margin-top控件顶边外边距margin-right控件右边外边距margin-bottom控件底边外边距margin-left控件左边外边距padding控件内边距padding-top控件顶边内边距padding-right控件右边内边距padding-bottom控件底边内边距padding-left控件左边内边距width控件的宽度样式名语法参数widthwidth:valuevalue: 数字，=0 百分数，如width:50%说明：这里百分数是相对于手机屏幕的宽度示例1按钮height控件的高度样式名语法参数heightheight:valuevalue: 数字，=0 百分数，如height:50%说明：这里百分数是相对于手机屏幕的高度示例1按钮alpha控件的透明度样式名语法参数alphaalpha:valuevalue:0到1之间的小数，1为不透明，0为完全透明示例1按钮display显示或隐藏控件样式名语法参数displaydisplay:valuevalue: block:显示控件，默认值 none:隐藏控件，控件隐藏后不占据位置 hidden：隐藏控件，控件隐藏后占据位置示例1按钮align控件的对齐方式样式名语法参数alignalign:valuevalue: left:居左对齐，默认值 center:居中对齐 right:居右对齐示例1按钮text-align控件的文本对齐方式样式名语法参数text-aligntext-align:valuevalue: left:居左对齐，默认值 center:居中对齐 right:居右对齐示例1按钮text-decoration控件的文本装饰方式样式名语法参数text-decorationtext-decoration:valuevalue: none:无装饰，默认值 underline:下划线 line-through:删除线示例12下划线删除color控件的文本颜色样式名语法参数colorcolor:valuevalue: 十六进制颜色，由红色、绿色和蓝色的值组成，如#000000，#C0C0C0 颜色名，具体参见颜色名列表示例1按钮font-size控件的字体大小样式名语法参数font-sizefont-size:valuevalue: 正整数示例1按钮font-style控件的字体样式样式样式名语法参数font-stylefont-style:valuevalue: normal：正常字体，默认值 italic：斜体字示例1按钮font-weight控件的字体粗细样式样式名语法参数font-weightfont-weight:valuevalue: normal：正常字体，默认值 bold：粗体字示例1按钮border控件边框样式名语法参数borderborder:border-width border-colorborder-width:边框宽度border-color:边框宽颜色示例1按钮background控件背景样式名语法参数backgroundbackground:colorbackground:nav(color)background:gradient(color)background:gradient(color1 color2)background:gradient(color1 color2 color3)background:gradient(color1 color2 color3 color4)background:iconbackground:icon repeatbackground:icon repeat-xbackground:icon repeat-ybackground:icon left topbackground:background1,background2color:背景颜色nav(color):iOS NavigationBar风格的颜色渐变gradient(color):默认平滑颜色渐变gradient(color1 color2):两色渐变gradient(color1 color2 color3):三色渐变gradient(color1 color2 color3 color4):四色渐变icon:背景图片icon repeat:背景图片平铺icon repeat-x:背景图片横向平铺icon repeat-y:背景图片纵向平铺icon left top:切割背景图片再拉伸，left是垂直切割线距图片左部的距离，top是水平切割线距图片顶部的距离background1,background2:按下背景切换，其中background1是初始背景，background2是按住时的背景示例123456按钮按钮按钮按钮按钮按钮corner-radius控件圆角，corner-radius仅和border或background样式一起使用时有效样式样式名参数语法corner-radius1) 一个参数：四个圆角的弧度，0或正整数2) 两个参数：radius1是左上和右上，radius2是左下和右下，0或正整数3) 四个参数：radius1是左上，radius2是右上，radius3是左下，radius4是右下，0或正整数corner-radius : radiuscorner-radius : radius1 radius2corner-radius : radius1 radius2 radius3 radius4样式示例123按钮按钮按钮margin设置控件外边距样式样式名参数语法margin1) 一个参数：设置四个边距2) 两个参数：value1是上下，value2是左右3) 三个参数：value1是上，value2是左右，value3是下4) 四个参数：value1是上，value2是右，value3是下，value4是左margin : valuemargin : value1 value2margin : value1 value2 value3margin : value1 value2 value3 value4样式示例123按钮按钮按钮margin-top设置控件顶边外边距样式样式名参数语法margin-topvalue：0或正整数margin-top : value样式示例1按钮margin-right设置控件右边外边距样式样式名参数语法margin-rightvalue：0或正整数margin-right : value样式示例1按钮margin-bottom设置控件底边外边距样式样式名参数语法margin-bottomvalue：0或正整数margin-bottom : value样式示例1按钮margin-left设置控件左边外边距样式样式名参数语法margin-leftvalue：0或正整数margin-left : value样式示例1按钮padding设置控件内边距样式样式名参数语法padding1) 一个参数：设置四个边距2) 两个参数：value1是上下，value2是左右3) 三个参数：value1是上，value2是左右，value3是下4) 四个参数：value1是上，value2是右，value3是下，value4是左padding : valuepadding : value1 value2padding : value1 value2 value3padding : value1 value2 value3 value4样式示例123按钮按钮按钮padding-top设置控件顶边内边距样式样式名参数语法padding-topvalue：0或正整数padding-top : value样式示例1按钮padding-right设置边外边距样式样式名参数语法padding-rightvalue：0或正整数paddi