Hiermenus Go Forth, V - DHTML Lab

HM_PG_BorderStyle

Description

Sets the border style for all menus in the page. All menus, in all cascades (top-level and children) are affected.

HM_PG_BorderStyle overrides site-wide global settings declared in the external script.

Value

CSS border style

May be specified as:

string
string JS expression to be evaluated

Note:
Only Internet Explorer and Netscape 6 will render the border style. Navigator 4 will always render a border as "solid".

Example Values

string: "double"

All menus in the page will have a double-line border, for Explorer users.
JS expression: "getBorderStyle()"

HM_PG_BorderStyle

JS expression: "(IE4) ? ((document.body.clientWidth<800) ? 'solid' : 'double') : ((window.innerWidth<800) ? 'solid' : 'double')"

HM_PG_BorderStyle

solid

double

Default

If this parameter is omitted, the relevant Global Parameter value set in the external script is used.

Differences from Version 3 equivalent

The borSty parameter in Version 3:

was mandatory.
did not accept JS expression values.

Comments

If you coordinate the three border parameters (HM_PG_BorderStyle, HM_PG_BorderColor and HM_PG_BorderWidth) and the font and background related parameters, to have IE-specific values for IE users, you can easily create Window look-alike menus. For example, the values:

HM_FontFamily = "MS Sans Serif";
HM_FontSize = 8;
HM_FontColor = "menutext";
HM_FontColorOver = "highlighttext";
HM_BGColor = "menu";
HM_BGColorOver = "highlight";
HM_BorderWidth = 2;
HM_BorderColor = "threedhighlight";
HM_BorderStyle = "outset";
HM_SeparatorSize = 0;

will create menus that look like this: