您的位置:首页 > Web前端 > CSS

flex 各组件对应的样式属性 下

2007-11-06 15:06 225 查看
Button组件样式属性

cornerRadius 边框圆角度 数值从0`28

textIndent Button标题文本缩进值 数值从0`20

paddingLeft Button内部左侧填充值 数值从0`20

paddingRight Button内部右侧填充值 数值从0`20

paddingTop Button内部上侧填充值 数值从0`20

paddingBottom Button内部下侧填充值 数值从0`20

fillColors Button背景填充色 这个属性要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色
fillAlphas 填充色透明度 针对fillColors属性这个属性要设置4个透明度 渐变起始色透明度 渐变结束色透明度 鼠标经过时渐变起始色透明度 鼠标经过时渐变结束色透明度 数值从0.00~1.00

highlightAlphas 高光透明度 针对fillColors属性2个数值,中间以逗号分隔 前一个为高光亮度,从0.00~1.00,为1时最亮,为白色 后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明效果)

color 文字颜色

textRollOverColor 鼠标经过时的文字颜色

textSelectedColor 鼠标点击时的文字颜色

borderColor 边框颜色

PopUpButton组件样式属性

cornerRadius 边框圆角度 数值从0`28

arrowButtonWidth 下拉按钮宽度 数值从0`50

popUpGap 点下拉按钮出现的内容与PopUpButton之间的距离 数值从-25`25

textIndent PopUpButton中文本内容的缩进值 数值从0`20

paddingLeft PopUpButton中左填充距离 数值从0`20

paddingRight PopUpButton中右填充距离 数值从0`20

paddingTop PopUpButton中上填充距离 数值从0`20

paddingBottom PopUpButton中下填充距离 数值从0`20

fillColors PopUpButton背景填充色 这个属性要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色
fillAlphas 填充色透明度 针对fillColors属性这个属性要设置4个透明度 渐变起始色透明度 渐变结束色透明度 鼠标经过时渐变起始色透明度 鼠标经过时渐变结束色透明度 数值从0.00~1.00

highlightAlphas 高光透明度 针对fillColors属性2个数值,中间以逗号分隔 前一个为高光亮度,从0.00~1.00,为1时最亮,为白色 后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明效果)

color PopUpButton文本颜色

textRollOverColor 鼠标经过PopUpButton时的文本颜色

textSelectedColor 鼠标点击PopUpButton时的文本颜色

borderColor 边框颜色

ButtonBar组件样式属性

buttonHeight ButtonBar的高度 数值从0`50

horizontalGap ButtonBar中每个Button在水平方向的间隔 数值从0`20

textIndent 每个Button中的文本缩进值 数值从0`20

color 每个Button中的文本颜色

textRollOverColor 鼠标经过时每个Button中的文本颜色

textSelectedColor 鼠标点击时每个Button中的文本颜色

ButtonBar中Button的一些属性需要单独来设置一个样式

buttonStyleName:"myButtonBar";

.myButtonBar中设置如下:

cornerRadius 边框圆角度 数值从0`28

fillColors PopUpButton背景填充色 这个属性要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色

fillAlphas 填充色透明度 针对fillColors属性这个属性要设置4个透明度 渐变起始色透明度 渐变结束色透明度 鼠标经过时渐变起始色透明度 鼠标经过时渐变结束色透明度 数值从0.00~1.00

highlightAlphas 高光透明度 针对fillColors属性

2个数值,中间以逗号分隔 前一个为高光亮度,从0.00~1.00,为1时最亮,为白色 后一个为高光透明

度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明效果)

ScrollBar组件样式属性

分为VScrollBar和HScrollBar(横向和纵向滚动条),属性样式要在2个中分别设置

cornerRadius 边框圆角度 数值从0`16

borderColor 滚动条边框颜色

fillColors 滚动条填充色 这个属性要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色

fillAlphas 填充色透明度 针对fillColors属性这个属性要设置4个透明度 渐变起始色透明度 渐变结束色透明度 鼠标经过时渐变起始色透明度 鼠标经过时渐变结束色透明度 数值从0.00~1.00

highlightAlphas 高光透明度 针对fillColors属性2个数值,中间以逗号分隔 前一个为高光亮度,从0.00~1.00,为1时最亮,为白色 后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明效果)

trackColors 滚动栏中滚动条之外的地方的渐变色 这个属性要设置2个色彩值:渐变起始色,渐变结束色

DateChooser组件样式属性

cornerRadius 边框圆角度 数值从0`28

borderThickness 边框粗细 数值从0`15

headerColors 呈现年月的头部背景色 这个属性要设置2个色彩值:渐变起始色,渐变结束色
fillColors 滚动条填充色 这个属性要设置4个色彩值:渐变起始色,渐变结束色,鼠标经过时渐变起始色,鼠标经过时渐变结束色

fillAlphas 填充色透明度 针对fillColors属性这个属性要设置4个透明度 渐变起始色透明度 渐变结束色透明度 鼠标经过时渐变起始色透明度 鼠标经过时渐变结束色透明度 数值从0.00~1.00

highlightAlphas 高光透明度 针对fillColors属性2个数值,中间以逗号分隔 前一个为高光亮度,从0.00~1.00,为1时最亮,为白色 后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明效果)

todayColor 今日的背景颜色

rollOverColor 鼠标经过日期时的背景颜色

selectionColor 所选择日期的颜色

color 日期的文本颜色

borderColor 边框颜色

backgroundColor 除头部外的日期面板背景色

backgroundAlpha 除头部外的日期面板背景透明度 值从0.00~1.00

dropShadowEnabled 是否显示投影 true false

shadowDistance 投影大小 dropShadowEnabled为true时有效 值从0~20

shadowDirection 投影方向 left right center

dropShadowColor 投影的颜色

MenuBar组件样式属性

cornerRadius 边框圆角度 数值从0`30

backgroundColor 下拉的子菜单中背景颜色

borderColor 边框颜色

fillColors 菜单填充背景色 这个属性要设置2个色彩值:渐变起始色,渐变结束色

fillAlphas 菜单填充背景色透明度 这个属性要设置2个透明度:渐变起始色透明度,渐变结束色透明度

highlightAlphas 鼠标经过菜单时的高光亮度 2个数值,中间以逗号分隔 前一个为高光亮度,从0.00~1.00,为1时最亮,为白色 后一个为高光透明度,从0.00~1.00,为1时最透明

rollOverColor 下拉的子菜单中鼠标经过每一项时的背景色

selectionColor 下拉的子菜单中鼠标点击每一项时的背景色

color 菜单文字颜色

textRollOverColor 下拉的子菜单中鼠标经过时的文字颜色

textSelectedColor 下拉的子菜单中鼠标点击时的文字颜色

disabledColor 下拉的子菜单中被屏蔽项的背景色

HRule组件样式属性

strokeColor 划线颜色

shadowColor 阴影颜色

strokeWidth 划线与阴影之间的距离 数值从0`10

LinkButton组件样式属性

cornerRadius 边框圆角度

rollOverColor 鼠标经过时的背景色

selectionColor 鼠标点击时的背景色

color 文字颜色

textRollOverColor 鼠标经过时的文字颜色

textSelectedColor 鼠标点击时的文字颜色

paddingLeft 左填充距离 数值从0`20

paddingRight 右填充距离 数值从0`20

ProgressBar组件样式属性

borderColor 边框颜色

barColor 进度条中已经过的进度颜色

trackColors 进度条中未经过的进度渐变色 这个属性要设置2个色彩值:渐变起始色,渐变结束色

color 进度条进度文字颜色

paddingLeft 进度条左填充距离 数值从0`30

paddingRight 进度条右填充距离 数值从0`30

textIndent 进度文字相对于进度条的缩进值 数值从0`30

trackHeight 进度条高度 数值从0`30

verticalGap 进度文字与进度条之间的垂直间隔距离 数值从0`30

? Indeterminate 针对barColor的颜色为主色调而产生间隔色的进度条效果

文字样式

fontFamily 字体

fontSize 文字大小

color 文字颜色

fontWeight 文字粗细 bold normal

fontStyle 文字斜体 italic normal

textDecoration 文字下划线 underline none

textAlign 文本对齐方向 left center right

paddingLeft 文本所在容器的左填充距离 数值从0`30

paddingRight 文本所在容器的右填充距离 数值从0`30

textIndent 文本首行缩进值 数值从0`30

leading 文本行间距 数值从0`20

http://hi.baidu.com/efa7378/blog/item/9ad39e163625d852f2de32cf.html (转自)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: