If you specify that menus are oriented horizontally, MCS applies the separator properties between groups of menuitems.
| Control | CSS Example | Description | Options |
|---|---|---|---|
| Characters | The literal character(s) to be used. | <string> | theme_separator_prop.html#mcs-menu-separator-characters |
| Position | Specifies where the separators are located in relation to groups. | after, before, both | theme_separator_prop.html#mcs-menu-separator-position |
| Repeat | Specifies the number of times to repeat the separator. | <integer> | theme_separator_prop.html#mcs-menu-separator-repeat |
| Image | Specifies an image or image policy to use as the separator. Browse opens the Image Policy Selection dialog. | none, <image_policy>, URI | theme_separator_prop.html#mcs-menu-separator-image |
| Horizontal Character | Controls spacing between groups. | non-breaking-space, none, space | theme_separator_prop.html#mcs-menu-horizontal-separator |
| Type | Specifies whether to use characters or an image policy between groups. | characters, image, none | theme_separator_prop.html#mcs-menu-separator-type |
Sets the spacing between groups. The default value is 'non-breaking-space'.
| Option | Description |
|---|---|
| non-breaking-space | Causes a non breaking space (Unicode 160) to be inserted between items. |
| none | No separator character between items. |
| space | Causes a normal space character to be inserted between items. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies the literal character(s) to be used as a separator. The default value is '-'.
| Option | Description |
|---|---|
| <string> | The literal character(s) to be used as a separator. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies the name of an image or image policy to use as a separator. The default value is 'none'.
| Option | Description |
|---|---|
| none | Indicates that an image should not be used for the menu separator. |
| url('URI') | The URI of the image to display. |
| mcs-component-url('URI') | The URI of the image policy to use. |
| mcs-transcodable-url('URI') | The URI of the image to display. The image will be transcoded, if necessary. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies where the separators are located in relation to groups. The default value is 'after'.
| Option | Description |
|---|---|
| after | The separator should appear after the group of menu items. |
| before | The separator should appear before the group of menu items. |
| both | The separator should appear both before and after the group of menu items. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies the number of times to repeat the separator. The default value is '0'.
| Option | Description |
|---|---|
| <integer> | Specifies the number of times to repeat the separator. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies whether to use characters or an image policy between groups. The default value is 'none'.
| Option | Description |
|---|---|
| characters | The separator is a set of characters defined by the mcs-menu-separator-characters and mcs-menu-separator-repeat properties. |
| image | The separator is the image specified by the associated mcs-menu-separator-image property. |
| none | Indicates that no separator is required. |
| inherit | The value of the property should be inherited from the parent element. |