4.2.5 Style Properties

This section explains style properties for screen widgets.

Refer to 4.1.2.2 Style Settings if you want to know about specifying style properties.

Also, if the style properties are omitted, the browser's default values are used.

Note

If an invalid value is specified in style properties, the setting is ignored.

Point

Style property names for the whole widget

For example, names of style properties for the whole widget are as follows:

color: Specification of color
backgroundColor: Specification of background color
fontSize: Specification of font size.

Style property names for specific widget parts

A style property name for a specific screen widget part consists of a prefix followed by the style property name with no space in between, as follows:

[Prefix][Property name start with an uppercase]

For example, for the title part:

titleColor: Specification of title part color
titleBackgroundColor: Specification of title part background color
titleFontSize: Specification of title part font size.

Size

Name	Description
width	Specifies the widget width. You can specify the CSS width property value. If a numerical value is specified, the unit of measurement must also be supplied.
height	Specifies the widget height. You can specify the CSS height property value. If a numerical value is specified, the unit of measurement must also be supplied.

Color

Name	Description
color	Specifies the character color. You can specify the CSS color property value.
backgroundColor	Specifies the background color. You can specify the CSS background-color property value.

Font

Name	Description
fontFamily	Specifies the character display font. You can specify the CSS font-family property value.
fontSize	Specifies the character size. You can specify the CSS font-size property value. If a numerical value is specified, the unit of measurement must also be supplied.
fontStyle	Specifies the font style like Italic. You can specify the CSS font-style property value.
fontWeight	Specifies the font weight. You can specify the CSS font-weight property value.
lineHeight	Specify the amount of vertical space between lines of text. You can specify the CSS line-height property value. If a numerical value is specified, the unit of measurement must also be supplied.

Text

Name	Description
textIndent	Specifies the width to indent the first line. You can specify the CSS text-indent property value. If a numerical value is specified, the unit of measurement must also be supplied.
textAlign	Specifies the text alignment. You can specify the CSS text-align property value.
textDecoration	Specifies the text decoration. You can specify the CSS text-decoration property value.
letterSpacing	Specifies the amount of space between letters. You can specify the CSS letter-spacing property value. If a numerical value is specified, the unit of measurement must also be supplied.
wordSpacing	Specifies the amount of space between words. You can specify the CSS word-spacing property value. If a numerical value is specified, the unit of measurement must also be supplied.
whiteSpace	Specifies the way in which spaces are handled. You can specify the CSS white-space property value.

Border

Name	Description
borderWidth	Specifies the border width. You can specify the CSS border-width property value. If a numerical value is specified, the unit of measurement must also be supplied.
borderStyle	Specifies the border style. You can specify the CSS border-style property value.
borderColor	Specifies the border color. You can specify the CSS border-color property value.

Padding

Name	Description
padding	Specifies the padding. You can specify the CSS padding property value. If a numerical value is specified, the unit of measurement must also be supplied.

Margins

Name	Description
margin	Specifies the margin. You can specify the CSS margin property value. If a numerical value is specified, the unit of measurement must also be supplied.

Position

Name	Description
position	Specifies how an element is positioned. You can specify the CSS position property value.
top	Specifies how far from the top of the parent element. You can specify the CSS top property value. If a numerical value is specified, the unit of measurement must also be supplied.
right	Specifies how far from the right of the parent element. You can specify the CSS right property value. If a numerical value is specified, the unit of measurement must also be supplied.
bottom	Specifies how far from the bottom of the parent element. You can specify the CSS bottom property value. If a numerical value is specified, the unit of measurement must also be supplied.
left	Specifies how far from the left of the parent element. You can specify the CSS left property value. If a numerical value is specified, the unit of measurement must also be supplied.

Overflow

Name	Description
overflow	Specifies the behavior on overflow. You can specify the CSS overflow property value.

Cell

Name	Description
textAlign	Specifies the text alignment. You can specify the CSS text-align property value.
verticalAlign	Specifies the vertical alignment of content inside table cells. You can specify the CSS vertical-align property value.
whiteSpace	Specifies how whitespace characters should be handled. You can specify the CSS white-space property value.