Style properties can be Boolean values, strings, numbers, or arrays of these values. The following sections describe the formats for length, time, and color values.
You specify styles that take length or dimension values, including font sizes, in pixels.
The fontSize style property lets you use a set of keywords in addition to numbered units. You can use the following keywords when you set the fontSize style property. The exact sizes are defined by the client browser.
xx-small
x-small
small
medium
large
x-large
xx-large
The following cfinput tag uses the style attribute with a fontSize keyword to specify the size of the text in the input box:
<cfinput type="text" name="text1" style="fontSize:X-large" label="Name">
You specify styles that take time values, such as the openDuration style that specifies how fast an accordion pleat opens, in milliseconds. The following example shows an accordion tag that takes one-half second to change between accordion pleats:
<cfformgroup type="accordion" height="260" style="openDuration: 500">
You define color values, such as those for the backgroundColor style, in the following formats:
| Format | Description |
|---|---|
|
hexadecimal |
Hexadecimal colors are represented by a six-digit code preceded by two number sign characters (##). Two # characters are required to prevent ColdFusion from interpreting the character. The range of possible values is |
|
VGA color names |
VGA color names are a set of 16 basic colors supported by all browsers that support CSS. The available color names are |
Some styles support only the hexadecimal color format.
Some controls accept multiple colors. For example, the tree control's depthColors style property can use a different background color for each level in the tree. To assign multiple colors, use a comma-delimited list, as the following example shows:
style="depthColors: ##EAEAEA, ##FF22CC, ##FFFFFF"