Flex css

http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html Flex css样式有用工具

 

1.Font:

font:                                  字体复合属性

color:                                字体顔色

font-family:                       字体类型

font-size:                         字体大小

font-size-adjust:             强迫某字体使用统一大小

font-stretch:                   字体是否横向拉伸。值：normal,narrower,wider

font-style:                      是否倾斜，值：normal,italic

font-weight:                  字体粗细，值：normal,bold,bolder,lighter

text-decoration:            文本装饰，值：none,underline,blink,overline,line-through

text-underline-position:   下划线的位置，值：below,above

text-shadow:                   文字阴影及模糊效果。参数：顔色，水平延伸距离，垂直距离，模糊效果距离

font-variant:                    是否为不型的大写字母，值：normal,small-caps

text-transform:设置文本的大小写，值：none,capitalize(第一个字母大写)，uppercase(大写)，lowercase(小写)

line-height:                     行高，值: normal,length(200%)

letter-spacing:                文字之间的间隔，值：normal,length(长度值)

word-spacing:                单词之间插入的空隔，值：normal,length(长度值);

 

2、Text:

text-indent:                            文本的缩进

text-overflow:                         是否使用一个省略标记...表示对象内文本的溢出，值：clip,ellipsis

vertical-align:                          对象内容的垂直对齐方式，值：auto,baseline,sub(下标)，super,top,text-      top,middle,bottom,text-bottom,length(长度或者面分比);

text-align:对象中文本的对齐方式，值 ：left,right,center,justify(两端对齐)

layout-flow: 对象内文本的流动和方向。值：horizontal,vertical-ideographic

writing-mode:对象内容块固有的书写方向，值 ：lr-tb,tb-rl

direction:文本流入的方向，值 ：ltr,rtl,inherit

unicode-bidi:和direction一起使用

word-break:对象内文本的字内换行行为，值：normal,break-all,keep-all

 

line-break:

white-space:对象内空格字符的处理方式，值：normal,pre,nowrap

word-wrap:设置当前行超过指定容器的边界时是否断开转行，值：normal,break-word(在边界内换行)

text-autospace:

text-kashida-space:如何拉伸字符来调节文本行排列

text-justify:对象内调整文本使用的对齐方式，值 ：auto,distribute,inter-cluster,inter-word,newspaper

ruby-align:

ruby-overhang:

ruby-position:

ime-mode:

layout-grid:

layout-grid-char:对象内容文本的字符网格尺寸，值 ：none,auto,数值

layout-grid-line:对象文本的行网格尺寸

layout-grid-mode:设置文本网格版式是否使用二维，值 ：both,line,char,none

layout-grid-type:设置应用于对象文本的网格类型，值：loose,strict,fixed

 

 3.Background:

background：对象的背景样式，复合属性

background-attachment:设置背景图像是随对象内容滚动还是固定的，值 ：scroll,fixed

background-color:背景顔色

background-image:背景图像

background-position:背景图像位置

background-position-x:对象的背景图像横坐标位置，值：length,left,center,right

background-position-y:纵坐标位置

background-repeat:值：repeat,no-repeat,repeat-x,repeat-y

layer-background-color:对象整个区域的背景顏色

layer-background-image:整个区域的背景图像

 

4.Positioning:

position:检索对象的定位方式，值：static,absolute ,relative

z-index:对象的层叠顺序，值 ：auto,整数

top:

right:

bottom:

left:

 

5.Dimensions:

height:                         设置对象的高度

max-height:                 对象的最大高度

min-height:                  对象的最小高度

width:                          对象的宽度

max-width:                  对象的最大宽度

min-width:                   对象的最小宽度

 

6.Layout:

clear:         指出了不允许有浮动对象的边，值 ：none,left,right,both

float:          指出了对象是否及如何浮动，值 ：none,left,right

clip:            设置对象的可视区域，值：auto,rect(1,1,1,1)

overflow:    设置当对象的内容超过其指定高度及宽度时如何管理内容，值：visible,auto,hidden,scroll

overflow-x:超过其宽度时如何管理内容

overflow-y:超过其高度时如何管理内容

display:对象如何显示

visibility:设置是否显示，值：inherit,visible,collapse,hidden