home / documentation / reference / separatorstyle

SeparatorStyle

Description:

The CSS style of borders that appear between menu items.

Value:

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

Applies To:

Menu Items.

Browser Compatibility:

SeparatorStyle is not supported in Netscape 4. Not all browsers may recognize all possible CSS values.

Comments:

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

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

Not all styles render identically in all browsers. Test differing styles in multiple browsers to ensure the effect is what you want.

In HierMenus, by default, the background color of the menu item itself does not show through the separator (for those styles that have open spots such as dotted or dashed). Instead, the background color of the menu (MenuBGColor) will show through these empty spaces.

We recommend that you do not use hidden to hide your separators. Instead, set SeparatorSize to 0.

Examples:

// Ok:
SeparatorStyle:"solid",
SeparatorStyle:"dashed",
SeparatorStyle:"",         // use style sheet default
SeparatorStyle:(HM_IE)?"dotted":"solid",
      // dotted if IE, solid otherwise

// Incorrect:
SeparatorStyle:"curvy",    // must be valid CSS identifier
SeparatorStyle:double,     // quotes required
SeparatorStyle:'(HM_IE)?"dotted":"solid"', // no quoted expressions

Default:

"solid"

See Also:

BorderStyle