Please Note:
HierMenus is protected by copyright laws. Use of the HierMenus code requires a paid licensing agreement.
Click Here to Register

Site Navigation
Bulletins
About
Documentation
FAQ
Samples
Known Issues
Technology Jobs

internet.commerce

Partner With Us
Televisions
Dental Insurance
Baby Photo Contest
Imprinted Promotions
Web Design
Promotional Golf
Computer Deals
Car Donations
Laptops
Promotional Products
Phone Cards
Server Racks
Compare Prices
KVM Switches

          
internet.com

IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

 
HierMenusCentral Enhance the Functionality of Your Web Site with DHTML HierMenus.
    

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.

Separator styles

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



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Created: 3/25/2004
Updated: 3/25/2004
URL: http://www.hiermenuscentral.com/documentation/reference/separatorstyle.html