FLEX3 Application of CSS complete detailed manual (2)

Panel Component style Properties

CornerradiusCorner degrees the size of the panel's outer-frame corner number from the 0~280, the higher the value, the greater the fillet radian

HeaderheightTitle Head height panel header height value from 0~50

dropshadowenabledShow projected true and False2 properties

shadowdistanceEffective number when the projection size dropshadowenabled is true

Value from 0~20

shadowdirectionProjection Direction 3 Properties Leftrightcenter

DropshadowcolorThe color of the projection

roundedbottomcornersWhether the bottom corner is rounded true and False2 property is false, the bottom corner is right angle, Cornerradius has no effect on it; if it's True,cornerradius, the bottom corner will work.

textAlignText Alignment 3 Properties Leftrightcenter

BackgroundColorBackground color In addition to the title outside the part of the background color

BackgroundalphaBackground transparency a part of the background transparency value of content other than title from 0.00~1.00

bordercolorThe border color includes the border color between the outline and title and the body content

BorderalphaBorder transparency includes the border transparency values between the outline and title and the body content from the 0.00~1.00

BorderStyleBorder Style UNDEFINED,NONE,SOLID3 style: default is undefined. When the value is None or
When solid, there will be no border spacing or solid style between title and body content.

borderthicknessThe border thickness border style is the thickness of the borders when solid, values from 0~20

headercolorsTitle Header background Fade This property to set 2 colors, progressive start color and progressive end color, separated by commas in the middle

footercolorsBottom background Gradient This property to set 2 colors, progressive start and progressive end color, separated by commas in the middle

HighlightalphasHigh-light transparency is only valid for headercolors. There are 2 values in the middle with a comma separating the front one for the highlight brightness, from 0.00~1.00, to 1 o'clock brightest, to white after one for high light transparency, from 0.00~1.00, to 1 o'clock most transparent (can be set to make crystal translucent effect)

Color Text Colors

To set the font, appearance, background, and so on in the title of the panel, in order to not conflict with the style in the panel, you need to
A style that defines a reference in a table.

panel{

...

Titlestylename: "Mytitlestyle";

...

}

And then define a newMytitlestyleStyle to set the style of title.

TabnavigatorComponent Style Properties

TabheightThe height value of each tab is from 0~50

TabwidthThe width value of each tab is from 0~200

CornerradiusCorner Circle Angle The angle of the body content in each tab from the 0~20 note is not the tab corner

HorizontalGapThe interval width value between each tab when the number is negative from -10~20, the tab will appear overlapping

HorizontalaligntabAlignment direction of the Leftcenterright

paddingleftLeft padding distance from the entire set of TAB's left padding, values from 0~20. Not the padding distance of each tab

paddingrightRight padding distance from the right padding of the entire set of tabs from 0~20. Not the padding distance of each tab

textAlignText aligns the aligns boxes to the text in the body contents of each tab leftcenterright

TextindenttabTitle offset value The offset of the caption relative to the center position in each tab from the 0~20

BackgroundColorThis background color is applied to the background color tab and the body content in the tab

BackgroundalphaBackground color transparency is only valid for the background color of the body content in the TAB key from 0.00~1.00

BorderStyleBorder style for body content in border style tab

NonesolidinsetoutsetFour kinds of styles

bordercolorBorder color of body content in border color tab

borderthicknessThe effective value of the border thickness borderstyle to solid is from 0~20

dropshadowenabledShow projected true and False2 properties

shadowdistanceValid values dropshadowenabled when the projection size is true from 0~20

DropshadowcolorThe color of the projection

text color for color body content

To set the style in the tab in Tabnavigator, to not conflict with the style in Tabnavigator, define in the style sheet

A referenced style.

tabnavigator{

...

Tabstylename: "Mytabs";

...

}

And then define a newmytabsStyle to set the tab style.