Styles

This documentation describes style definitions available within prokee software packages. It is intended to provide a minimal set of properties to allow comfortable coloring and formatting of GUI elements similar to CSS. The current implementation is far from covering the full CSS recommendations, but takes care to easily allow adding further parts. For now, please be adviced, that this implementation violates very basic recommendations for CSS. Therefore it is not ment to be used to display content from other sorces, like web-pages.

Module: Colors

Properties:

color

opacity

Module: Backgrounds

Properties:

background-color

Module: Borders

Properties:

border-top-width

border-right-width

border-bottom-width

border-left-width

border-width

border-top-style

border-right-style

border-bottom-style

border-left-style

border-style

border-top-color

border-right-color

border-bottom-color

border-left-color

border-color

border-top-left-radius

border-top-right-radius

border-bottom-right-radius

border-bottom-left-radius

border-radius

border-top

border-right

border-bottom

border-left

border

Module: Fonts

Properties:

font-family

font-weight

font-stretch

font-size

font-style

Module: Panels

Properties:

width

min-width

max-width

height

min-height

max-height

margin-top

margin-bottom

margin-right

margin-left

margin

padding-top

padding-bottom

padding-right

padding-left

padding

Colors

color

Foreground color.

Property Specification:

Syntax	<hex-color> \| <func-color> \| <prokee-hex-color> \| <color-name> \| transparent \| initial \| inherit
Initial value	0x000000
Applies to	all elements
Inheritance	true
Type of computed value	UINT
Functions	element::setColor() element::getColorStr() element::getColor() element::testColor()

Property Values:

<hex-color>	A hexadecimal color value. a 3-digit hexadecimal value: `#rgb` Example: #37A is equal to #3377AA. a 6-digit hexadecimal value: `#rrggbb` Example: #3377AA is equal to rgb(51,119,170). a 4-digit hexadecimal value: `#rgba` Example: #37AF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3. a 8-digit hexadecimal value: `#rrggbbaa` Example: #3377AAFF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3.
<func-color>	Color value in a functional notation. rgb(r,g,b) rgba(r,g,b,a) hsl(h,s,l) hsla(h,s,l,a) Values may be given as integers ∈ [0,255] or as percental values ∈ [0.0%,100.0%]. The alpha value 'a' has to be within the interval [0.0,1.0], where 0.0 defines full transparency.
<color-name>	A color name as defined in SVG 1.1 (See SVG color specification here). CSS Level 3 color names are identical to the names specified with SVG.
<prokee-hex-color>	A hexadecimal color value. This is a prokee-specific definition and not part of CSS. a 3-digit hexadecimal value: Example: 0x37F is equal to #3377FF. Example: 0x00037F is equal to #00037F. a 6-digit hexadecimal value: Example: 0x3377FF is equal to #3377FF. a 4-digit hexadecimal value: Example: 0xF000 is equal to rgba(0,0,0,0.0). Example: 0x037F is equal to rgba(51,119,255,1.0). a 8-digit hexadecimal value: Example: 0xFF000000 is equal to rgba(0,0,0,0.0).
transparent	Keyword. This sets a transparent color. This is also provided here for the foreground color, but should only be used for background colors.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

opacity

Opacity.

Property Specification:

Syntax	<alphavalue> \| initial \| inherit
Initial value	1
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setOpacity() element::getOpacityStr() element::getOpacity()

Property Values:

<alphavalue>	A value within the interval [0.0,1.0].
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

Backgrounds

background-color

Background color.

Property Specification:

Syntax	<hex-color> \| <func-color> \| <prokee-hex-color> \| <color-name> \| transparent \| initial \| inherit
Initial value	transparent
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBackgroundColor() element::getBackgroundColorStr() element::getBackgroundColor()

Property Values:

<hex-color>	A hexadecimal color value. a 3-digit hexadecimal value: `#rgb` Example: #37A is equal to #3377AA. a 6-digit hexadecimal value: `#rrggbb` Example: #3377AA is equal to rgb(51,119,170). a 4-digit hexadecimal value: `#rgba` Example: #37AF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3. a 8-digit hexadecimal value: `#rrggbbaa` Example: #3377AAFF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3.
<func-color>	Color value in a functional notation. rgb(r,g,b) rgba(r,g,b,a) hsl(h,s,l) hsla(h,s,l,a) Values may be given as integers ∈ [0,255] or as percental values ∈ [0.0%,100.0%]. The alpha value 'a' has to be within the interval [0.0,1.0], where 0.0 defines full transparency.
<color-name>	A color name as defined in SVG 1.1 (See SVG color specification here). CSS Level 3 color names are identical to the names specified with SVG.
<prokee-hex-color>	A hexadecimal color value. This is a prokee-specific definition and not part of CSS. a 3-digit hexadecimal value: Example: 0x37F is equal to #3377FF. Example: 0x00037F is equal to #00037F. a 6-digit hexadecimal value: Example: 0x3377FF is equal to #3377FF. a 4-digit hexadecimal value: Example: 0xF000 is equal to rgba(0,0,0,0.0). Example: 0x037F is equal to rgba(51,119,255,1.0). a 8-digit hexadecimal value: Example: 0xFF000000 is equal to rgba(0,0,0,0.0).
transparent	Keyword. This sets a transparent background color.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

Borders

border-top-width

Width of the top border.

Property Specification:

Syntax	<length> \| thin \| medium \| thick \| initial \| inherit
Initial value	medium
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderTopWidth() element::getBorderTopWidthStr() element::getBorderTopWidth()

Property Values:

<length>	A length value.
thin	Keyword.
medium	Keyword.
thick	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-right-width

Width of the right border.

Property Specification:

Syntax	<length> \| thin \| medium \| thick \| initial \| inherit
Initial value	medium
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderRightWidth() element::getBorderRightWidthStr() element::getBorderRightWidth()

Property Values:

<length>	A length value.
thin	Keyword.
medium	Keyword.
thick	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-bottom-width

Width of the bottom border.

Property Specification:

Syntax	<length> \| thin \| medium \| thick \| initial \| inherit
Initial value	medium
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderBottomWidth() element::getBorderBottomWidthStr() element::getBorderBottomWidth()

Property Values:

<length>	A length value.
thin	Keyword.
medium	Keyword.
thick	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-left-width

Width of the left border.

Property Specification:

Syntax	<length> \| thin \| medium \| thick \| initial \| inherit
Initial value	medium
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderLeftWidth() element::getBorderLeftWidthStr() element::getBorderLeftWidth()

Property Values:

<length>	A length value.
thin	Keyword.
medium	Keyword.
thick	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-width

Shorthand for border-*-width.

Property Specification:

Syntax	<length> \| thin \| medium \| thick \| initial \| inherit
Initial value	medium
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderWidth() element::getBorderWidthStr() element::getBorderWidth()
Shorthand	This is a shorthand for the following properties: border-top-width, border-right-width, border-bottom-width, border-left-width Possible number of items: 4, 3, 2, 1

Property Values:

<length>	A length value.
thin	Keyword.
medium	Keyword.
thick	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-top-style

Style of the top border.

Property Specification:

Syntax	none \| hidden \| dotted \| dashed \| solid \| double \| groove \| ridge \| inset \| outset \| initial \| inherit
Initial value	none
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderTopStyle() element::getBorderTopStyleStr() element::getBorderTopStyle()

Property Values:

none	Keyword.
hidden	Keyword.
dotted	Keyword.
dashed	Keyword.
solid	Keyword.
double	Keyword.
groove	Keyword.
ridge	Keyword.
inset	Keyword.
outset	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-right-style

Style of the right border.

Property Specification:

Syntax	none \| hidden \| dotted \| dashed \| solid \| double \| groove \| ridge \| inset \| outset \| initial \| inherit
Initial value	none
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderRightStyle() element::getBorderRightStyleStr() element::getBorderRightStyle()

Property Values:

none	Keyword.
hidden	Keyword.
dotted	Keyword.
dashed	Keyword.
solid	Keyword.
double	Keyword.
groove	Keyword.
ridge	Keyword.
inset	Keyword.
outset	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-bottom-style

Style of the bottom border.

Property Specification:

Syntax	none \| hidden \| dotted \| dashed \| solid \| double \| groove \| ridge \| inset \| outset \| initial \| inherit
Initial value	none
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderBottomStyle() element::getBorderBottomStyleStr() element::getBorderBottomStyle()

Property Values:

none	Keyword.
hidden	Keyword.
dotted	Keyword.
dashed	Keyword.
solid	Keyword.
double	Keyword.
groove	Keyword.
ridge	Keyword.
inset	Keyword.
outset	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-left-style

Style of the left border.

Property Specification:

Syntax	none \| hidden \| dotted \| dashed \| solid \| double \| groove \| ridge \| inset \| outset \| initial \| inherit
Initial value	none
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderLeftStyle() element::getBorderLeftStyleStr() element::getBorderLeftStyle()

Property Values:

none	Keyword.
hidden	Keyword.
dotted	Keyword.
dashed	Keyword.
solid	Keyword.
double	Keyword.
groove	Keyword.
ridge	Keyword.
inset	Keyword.
outset	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-style

Shorthand for border-*-style.

Property Specification:

Syntax	none \| hidden \| dotted \| dashed \| solid \| double \| groove \| ridge \| inset \| outset \| initial \| inherit
Initial value	none
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderStyle() element::getBorderStyleStr() element::getBorderStyle() element::testBorderStyle()
Shorthand	This is a shorthand for the following properties: border-top-style, border-right-style, border-bottom-style, border-left-style Possible number of items: 4, 3, 2, 1

Property Values:

none	Keyword.
hidden	Keyword.
dotted	Keyword.
dashed	Keyword.
solid	Keyword.
double	Keyword.
groove	Keyword.
ridge	Keyword.
inset	Keyword.
outset	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-top-color

Color of the top border.

Property Specification:

Syntax	<hex-color> \| <func-color> \| <prokee-hex-color> \| <color-name> \| transparent \| initial \| inherit
Initial value	currentColor
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderTopColor() element::getBorderTopColorStr() element::getBorderTopColor()

Property Values:

<hex-color>	A hexadecimal color value. a 3-digit hexadecimal value: `#rgb` Example: #37A is equal to #3377AA. a 6-digit hexadecimal value: `#rrggbb` Example: #3377AA is equal to rgb(51,119,170). a 4-digit hexadecimal value: `#rgba` Example: #37AF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3. a 8-digit hexadecimal value: `#rrggbbaa` Example: #3377AAFF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3.
<func-color>	Color value in a functional notation. rgb(r,g,b) rgba(r,g,b,a) hsl(h,s,l) hsla(h,s,l,a) Values may be given as integers ∈ [0,255] or as percental values ∈ [0.0%,100.0%]. The alpha value 'a' has to be within the interval [0.0,1.0], where 0.0 defines full transparency.
<color-name>	A color name as defined in SVG 1.1 (See SVG color specification here). CSS Level 3 color names are identical to the names specified with SVG.
<prokee-hex-color>	A hexadecimal color value. This is a prokee-specific definition and not part of CSS. a 3-digit hexadecimal value: Example: 0x37F is equal to #3377FF. Example: 0x00037F is equal to #00037F. a 6-digit hexadecimal value: Example: 0x3377FF is equal to #3377FF. a 4-digit hexadecimal value: Example: 0xF000 is equal to rgba(0,0,0,0.0). Example: 0x037F is equal to rgba(51,119,255,1.0). a 8-digit hexadecimal value: Example: 0xFF000000 is equal to rgba(0,0,0,0.0).
transparent	Keyword. This sets a transparent color. This is also provided here for the foreground color, but should only be used for background colors.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-right-color

Color of the right border.

Property Specification:

Syntax	<hex-color> \| <func-color> \| <prokee-hex-color> \| <color-name> \| transparent \| initial \| inherit
Initial value	currentColor
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderRightColor() element::getBorderRightColorStr() element::getBorderRightColor()

Property Values:

<hex-color>	A hexadecimal color value. a 3-digit hexadecimal value: `#rgb` Example: #37A is equal to #3377AA. a 6-digit hexadecimal value: `#rrggbb` Example: #3377AA is equal to rgb(51,119,170). a 4-digit hexadecimal value: `#rgba` Example: #37AF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3. a 8-digit hexadecimal value: `#rrggbbaa` Example: #3377AAFF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3.
<func-color>	Color value in a functional notation. rgb(r,g,b) rgba(r,g,b,a) hsl(h,s,l) hsla(h,s,l,a) Values may be given as integers ∈ [0,255] or as percental values ∈ [0.0%,100.0%]. The alpha value 'a' has to be within the interval [0.0,1.0], where 0.0 defines full transparency.
<color-name>	A color name as defined in SVG 1.1 (See SVG color specification here). CSS Level 3 color names are identical to the names specified with SVG.
<prokee-hex-color>	A hexadecimal color value. This is a prokee-specific definition and not part of CSS. a 3-digit hexadecimal value: Example: 0x37F is equal to #3377FF. Example: 0x00037F is equal to #00037F. a 6-digit hexadecimal value: Example: 0x3377FF is equal to #3377FF. a 4-digit hexadecimal value: Example: 0xF000 is equal to rgba(0,0,0,0.0). Example: 0x037F is equal to rgba(51,119,255,1.0). a 8-digit hexadecimal value: Example: 0xFF000000 is equal to rgba(0,0,0,0.0).
transparent	Keyword. This sets a transparent color. This is also provided here for the foreground color, but should only be used for background colors.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-bottom-color

Color of the bottom border.

Property Specification:

Syntax	<hex-color> \| <func-color> \| <prokee-hex-color> \| <color-name> \| transparent \| initial \| inherit
Initial value	currentColor
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderBottomColor() element::getBorderBottomColorStr() element::getBorderBottomColor()

Property Values:

<hex-color>	A hexadecimal color value. a 3-digit hexadecimal value: `#rgb` Example: #37A is equal to #3377AA. a 6-digit hexadecimal value: `#rrggbb` Example: #3377AA is equal to rgb(51,119,170). a 4-digit hexadecimal value: `#rgba` Example: #37AF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3. a 8-digit hexadecimal value: `#rrggbbaa` Example: #3377AAFF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3.
<func-color>	Color value in a functional notation. rgb(r,g,b) rgba(r,g,b,a) hsl(h,s,l) hsla(h,s,l,a) Values may be given as integers ∈ [0,255] or as percental values ∈ [0.0%,100.0%]. The alpha value 'a' has to be within the interval [0.0,1.0], where 0.0 defines full transparency.
<color-name>	A color name as defined in SVG 1.1 (See SVG color specification here). CSS Level 3 color names are identical to the names specified with SVG.
<prokee-hex-color>	A hexadecimal color value. This is a prokee-specific definition and not part of CSS. a 3-digit hexadecimal value: Example: 0x37F is equal to #3377FF. Example: 0x00037F is equal to #00037F. a 6-digit hexadecimal value: Example: 0x3377FF is equal to #3377FF. a 4-digit hexadecimal value: Example: 0xF000 is equal to rgba(0,0,0,0.0). Example: 0x037F is equal to rgba(51,119,255,1.0). a 8-digit hexadecimal value: Example: 0xFF000000 is equal to rgba(0,0,0,0.0).
transparent	Keyword. This sets a transparent color. This is also provided here for the foreground color, but should only be used for background colors.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-left-color

Color of the left border.

Property Specification:

Syntax	<hex-color> \| <func-color> \| <prokee-hex-color> \| <color-name> \| transparent \| initial \| inherit
Initial value	currentColor
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderLeftColor() element::getBorderLeftColorStr() element::getBorderLeftColor()

Property Values:

<hex-color>	A hexadecimal color value. a 3-digit hexadecimal value: `#rgb` Example: #37A is equal to #3377AA. a 6-digit hexadecimal value: `#rrggbb` Example: #3377AA is equal to rgb(51,119,170). a 4-digit hexadecimal value: `#rgba` Example: #37AF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3. a 8-digit hexadecimal value: `#rrggbbaa` Example: #3377AAFF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3.
<func-color>	Color value in a functional notation. rgb(r,g,b) rgba(r,g,b,a) hsl(h,s,l) hsla(h,s,l,a) Values may be given as integers ∈ [0,255] or as percental values ∈ [0.0%,100.0%]. The alpha value 'a' has to be within the interval [0.0,1.0], where 0.0 defines full transparency.
<color-name>	A color name as defined in SVG 1.1 (See SVG color specification here). CSS Level 3 color names are identical to the names specified with SVG.
<prokee-hex-color>	A hexadecimal color value. This is a prokee-specific definition and not part of CSS. a 3-digit hexadecimal value: Example: 0x37F is equal to #3377FF. Example: 0x00037F is equal to #00037F. a 6-digit hexadecimal value: Example: 0x3377FF is equal to #3377FF. a 4-digit hexadecimal value: Example: 0xF000 is equal to rgba(0,0,0,0.0). Example: 0x037F is equal to rgba(51,119,255,1.0). a 8-digit hexadecimal value: Example: 0xFF000000 is equal to rgba(0,0,0,0.0).
transparent	Keyword. This sets a transparent color. This is also provided here for the foreground color, but should only be used for background colors.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-color

Shorthand for border-*-color.

Property Specification:

Syntax	<hex-color> \| <func-color> \| <prokee-hex-color> \| <color-name> \| transparent \| initial \| inherit
Initial value	none
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderColor() element::getBorderColorStr() element::getBorderColor()
Shorthand	This is a shorthand for the following properties: border-top-color, border-right-color, border-bottom-color, border-left-color Possible number of items: 4, 3, 2, 1

Property Values:

<hex-color>	A hexadecimal color value. a 3-digit hexadecimal value: `#rgb` Example: #37A is equal to #3377AA. a 6-digit hexadecimal value: `#rrggbb` Example: #3377AA is equal to rgb(51,119,170). a 4-digit hexadecimal value: `#rgba` Example: #37AF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3. a 8-digit hexadecimal value: `#rrggbbaa` Example: #3377AAFF is equal to rgba(51,119,170,1.0). This does not conform to CSS Level 3.
<func-color>	Color value in a functional notation. rgb(r,g,b) rgba(r,g,b,a) hsl(h,s,l) hsla(h,s,l,a) Values may be given as integers ∈ [0,255] or as percental values ∈ [0.0%,100.0%]. The alpha value 'a' has to be within the interval [0.0,1.0], where 0.0 defines full transparency.
<color-name>	A color name as defined in SVG 1.1 (See SVG color specification here). CSS Level 3 color names are identical to the names specified with SVG.
<prokee-hex-color>	A hexadecimal color value. This is a prokee-specific definition and not part of CSS. a 3-digit hexadecimal value: Example: 0x37F is equal to #3377FF. Example: 0x00037F is equal to #00037F. a 6-digit hexadecimal value: Example: 0x3377FF is equal to #3377FF. a 4-digit hexadecimal value: Example: 0xF000 is equal to rgba(0,0,0,0.0). Example: 0x037F is equal to rgba(51,119,255,1.0). a 8-digit hexadecimal value: Example: 0xFF000000 is equal to rgba(0,0,0,0.0).
transparent	Keyword. This sets a transparent color. This is also provided here for the foreground color, but should only be used for background colors.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-top-left-radius

Radius of the top-left corner.

Property Specification:

Syntax	<dimension2d> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderTopLeftRadius() element::getBorderTopLeftRadiusStr() element::getBorderTopLeftRadius()

Property Values:

<dimension2d>	One or two length values.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-top-right-radius

Radius of the top-right corner.

Property Specification:

Syntax	<dimension2d> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderTopRightRadius() element::getBorderTopRightRadiusStr() element::getBorderTopRightRadius()

Property Values:

<dimension2d>	One or two length values.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-bottom-right-radius

Radius of the bottom-right corner.

Property Specification:

Syntax	<dimension2d> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderBottomRightRadius() element::getBorderBottomRightRadiusStr() element::getBorderBottomRightRadius()

Property Values:

<dimension2d>	One or two length values.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-bottom-left-radius

Radius of the bottom-left corner.

Property Specification:

Syntax	<dimension2d> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderBottomLeftRadius() element::getBorderBottomLeftRadiusStr() element::getBorderBottomLeftRadius()

Property Values:

<dimension2d>	One or two length values.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-radius

Shorthand for border-*-radius.

Property Specification:

Syntax	<dimension2d> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setBorderRadius() element::getBorderRadiusStr() element::getBorderRadius()
Shorthand	This is a shorthand for the following properties: border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius Possible number of items: 4, 3, 2, 1

Property Values:

<dimension2d>	One or two length values.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

border-top

Shorthand for border-top-*.

Property Specification:

Applies to	all elements
Inheritance	false
Type of computed value	NIL
Functions	element::setBorderTop() element::getBorderTopStr() element::getBorderTop()
Shorthand	This is a shorthand for the following properties: border-top-width, border-top-style, border-top-color Possible number of items: 3

border-right

Shorthand for border-right-*.

Property Specification:

Applies to	all elements
Inheritance	false
Type of computed value	NIL
Functions	element::setBorderRight() element::getBorderRightStr() element::getBorderRight()
Shorthand	This is a shorthand for the following properties: border-right-width, border-right-style, border-right-color Possible number of items: 3

border-bottom

Shorthand for border-bottom-*.

Property Specification:

Applies to	all elements
Inheritance	false
Type of computed value	NIL
Functions	element::setBorderBottom() element::getBorderBottomStr() element::getBorderBottom()
Shorthand	This is a shorthand for the following properties: border-bottom-width, border-bottom-style, border-bottom-color Possible number of items: 3

border-left

Shorthand for border-left-*.

Property Specification:

Applies to	all elements
Inheritance	false
Type of computed value	NIL
Functions	element::setBorderLeft() element::getBorderLeftStr() element::getBorderLeft()
Shorthand	This is a shorthand for the following properties: border-left-width, border-left-style, border-left-color Possible number of items: 3

border

Shorthand for border-*.

Property Specification:

Applies to	all elements
Inheritance	false
Type of computed value	NIL
Functions	element::setBorder() element::getBorderStr() element::getBorder()
Shorthand	This is a shorthand for the following properties: border-width, border-style, border-color Possible number of items: 3

Fonts

font-family

The font family.

Property Specification:

Applies to	TEXT
Inheritance	true
Type of computed value	NIL
Functions	element::setFontFamily() element::getFontFamilyStr() element::getFontFamily()

font-weight

The font-weight.

Property Specification:

Syntax	normal \| bold \| bolder \| lighter \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| initial \| inherit
Initial value	normal
Applies to	TEXT
Inheritance	true
Type of computed value	UINT
Functions	element::setFontWeight() element::getFontWeightStr() element::getFontWeight()

Property Values:

normal	Keyword.
bold	Keyword.
bolder	Keyword.
lighter	Keyword.
100	Keyword.
200	Keyword.
300	Keyword.
400	Keyword.
500	Keyword.
600	Keyword.
700	Keyword.
800	Keyword.
900	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

font-stretch

The font-stretch value.

Property Specification:

Syntax	ultra-condensed \| extra-condensed \| condensed \| semi-condensed \| normal \| semi-expanded \| expanded \| extra-expanded \| ultra-expanded \| initial \| inherit
Initial value	normal
Applies to	TEXT
Inheritance	true
Type of computed value	UINT
Functions	element::setFontStretch() element::getFontStretchStr() element::getFontStretch()

Property Values:

ultra-condensed	Keyword.
extra-condensed	Keyword.
condensed	Keyword.
semi-condensed	Keyword.
normal	Keyword.
semi-expanded	Keyword.
expanded	Keyword.
extra-expanded	Keyword.
ultra-expanded	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

font-size

The font-size.

Property Specification:

Syntax	xx-small \| x-small \| small \| medium \| large \| x-large \| xx-large \| larger \| smaller \| <length> \| initial \| inherit
Initial value	medium
Applies to	TEXT
Inheritance	true
Type of computed value	UINT
Functions	element::setFontSize() element::getFontSizeStr() element::getFontSize()

Property Values:

<length>	A length value.
xx-small	Keyword.
x-small	Keyword.
small	Keyword.
medium	Keyword.
large	Keyword.
x-large	Keyword.
xx-large	Keyword.
larger	Keyword.
smaller	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

font-style

The font-style.

Property Specification:

Syntax	normal \| italic \| oblique \| initial \| inherit
Initial value	normal
Applies to	TEXT
Inheritance	true
Type of computed value	UINT
Functions	element::setFontStyle() element::getFontStyleStr() element::getFontStyle()

Property Values:

normal	Keyword.
italic	Keyword.
oblique	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

Panels

width

The width of the panel.

Property Specification:

Syntax	<length> \| auto \| initial \| inherit
Initial value	auto
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setWidth() element::getWidthStr() element::getWidth() element::testWidth()

Property Values:

<length>	A length value.
auto	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

min-width

The min-width of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setMinWidth() element::getMinWidthStr() element::getMinWidth()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

max-width

The max-width of the panel.

Property Specification:

Syntax	<length> \| none \| initial \| inherit
Initial value	none
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setMaxWidth() element::getMaxWidthStr() element::getMaxWidth()

Property Values:

<length>	A length value.
none	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

height

The height of the panel.

Property Specification:

Syntax	<length> \| auto \| initial \| inherit
Initial value	auto
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setHeight() element::getHeightStr() element::getHeight()

Property Values:

<length>	A length value.
auto	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

min-height

The min-height of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setMinHeight() element::getMinHeightStr() element::getMinHeight()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

max-height

The max-height of the panel.

Property Specification:

Syntax	<length> \| none \| initial \| inherit
Initial value	none
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setMaxHeight() element::getMaxHeightStr() element::getMaxHeight()

Property Values:

<length>	A length value.
none	Keyword.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

margin-top

The top margin of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	INT
Functions	element::setMarginTop() element::getMarginTopStr() element::getMarginTop()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

margin-bottom

The bottom margin of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	INT
Functions	element::setMarginBottom() element::getMarginBottomStr() element::getMarginBottom()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

margin-right

The right margin of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	INT
Functions	element::setMarginRight() element::getMarginRightStr() element::getMarginRight()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

margin-left

The left margin of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	INT
Functions	element::setMarginLeft() element::getMarginLeftStr() element::getMarginLeft()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

margin

Shorthand for margin-*.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	INT
Functions	element::setMargin() element::getMarginStr() element::getMargin()
Shorthand	This is a shorthand for the following properties: margin-top, margin-right, margin-bottom, margin-left Possible number of items: 4, 3, 2, 1

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

padding-top

The top padding of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setPaddingTop() element::getPaddingTopStr() element::getPaddingTop()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

padding-bottom

The bottom padding of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setPaddingBottom() element::getPaddingBottomStr() element::getPaddingBottom()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

padding-right

The right padding of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setPaddingRight() element::getPaddingRightStr() element::getPaddingRight()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

padding-left

The left padding of the panel.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setPaddingLeft() element::getPaddingLeftStr() element::getPaddingLeft()

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.

padding

Shorthand for padding-*.

Property Specification:

Syntax	<length> \| initial \| inherit
Initial value	0
Applies to	all elements
Inheritance	false
Type of computed value	UINT
Functions	element::setPadding() element::getPaddingStr() element::getPadding()
Shorthand	This is a shorthand for the following properties: padding-top, padding-right, padding-bottom, padding-left Possible number of items: 4, 3, 2, 1

Property Values:

<length>	A length value.
initial	Keyword. Sets the property to its initial value.
inherit	Keyword. Inherits the value from the parent element.