home / documentation / reference / borderstyle

BorderStyle

Description:

The CSS style of the menu's borders.

Value:

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

Applies To:

Menus.

Browser Compatibility:

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

Comments:

BorderStyle should be applied as a string, which means the value you supply should always be in quotes. Allowed values for BorderStyle 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.

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, the background color of the menu itself does not show through the menu border (for those styles that have open spots such as dotted or dashed). Instead, the background color that is showing behind the menu will show through these empty spaces.

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

Examples:

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

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

Default:

"solid"

See Also:

SeparatorStyle