home / documentation / reference / separatorcolor

SeparatorColor

Description:

The default color for the border that appears between menu items.

Value:

String, "", or JavaScript expression that returns a string/"".

Applies To:

Menu Items.

Browser Compatibility:

SeparatorColor is not supported in Netscape 4.x. Not all browsers may recognize all possible CSS values. Additionally, be careful with "system specific" colors such as threedhighlight which may cause errors in browsers that don't support them.

Comments:

SeparatorColor should be applied as a string, which means the value you supply should always be in quotes. Allowed values for SeparatorColor are the same as those allowed in the standard CSS border-color property (see the W3C Specs) and in fact, the value you supply is transferred as is to the JavaScript borderColor property for each menu item.

For those browsers that support them, you may also use system specific colors such as threedhighlight or menu. Note, however, that not all platforms recognize such colors; and in fact some platforms will report errors when attempting to use them. Be sure to test system colors extensively before deploying them, and note that you may be able to exclude system colors for a specific browser or platform using conditional parameter assignments. See the DHTML Lab article Accessing the User-Defined System Colors, Part I for further information on system colors.

Do not confuse borders with separators. In HierMenus jargon, borders surround each menu itself, while separators are the bars between individual menu items.

Netscape 4 does not support SeparatorColor. In Netscape 4, separators are always the same color as the BorderColor.

Examples:

// Ok:
SeparatorColor:"blue",
SeparatorColor:"#99CCFF",    // #rrggbb
SeparatorColor:"",           // use style sheet default
SeparatorColor:(HM_IE)?"menu":"black",
      // menu if IE, black otherwise

// Incorrect:
SeparatorColor:"greatgreen",  // must be valid color identifier
SeparatorColor:red,           // quotes required
SeparatorColor:"FFCC99",      // use leading pound (#) with rgb
SeparatorColor:'(HM_IE)?"menu":"black"', // no quoted expressions

Default:

"yellow"

See Also:

BorderColor