MenuItemStyle.ItemSpacing Property
Gets or sets the amount of vertical spacing between the menu item to which the MenuItemStyle object is applied and its adjacent menu items.
Assembly: System.Web (in System.Web.dll)
Property Value
Type: System.Web.UI.WebControls.UnitThe amount of vertical spacing (in pixels) between the menu item to which the MenuItemStyle object is applied and its adjacent menu items. The default is 0.
Use the ItemSpacing property to control the amount of vertical spacing between a menu item to which the MenuItemStyle object is applied and its adjacent menu items at the same level. This space is inserted between the upper edge of the current menu item and the lower edge of the previous menu item, as well as between the lower edge of the current menu item and upper edge of the next menu item.
Note |
|---|
The upper space is not rendered for the first menu item in the Menu control. |
The following code example demonstrates how to use the ItemSpacing property to separate a menu item from its adjacent menu items by 5 pixels.
<%@ Page Language="VB" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>MenuItemStyle ItemSpacing Example</title> </head> <body> <form id="form1" runat="server"> <h3>MenuItemStyle ItemSpacing Example</h3> <asp:menu id="NavigationMenu" staticdisplaylevels="2" staticsubmenuindent="10" orientation="Vertical" runat="server"> <staticmenuitemstyle backcolor="LightBlue"/> <dynamicmenuitemstyle itemspacing="5" backcolor="LightBlue"/> <items> <asp:menuitem text="Home" tooltip="Home"> <asp:menuitem text="Music" tooltip="Music"> <asp:menuitem text="Classical" tooltip="Classical"/> <asp:menuitem text="Rock" tooltip="Rock"/> <asp:menuitem text="Jazz" tooltip="Jazz"/> </asp:menuitem> <asp:menuitem text="Movies" tooltip="Movies"> <asp:menuitem text="Action" tooltip="Action"/> <asp:menuitem text="Drama" tooltip="Drama"/> <asp:menuitem text="Musical" tooltip="Musical"/> </asp:menuitem> </asp:menuitem> </items> </asp:menu> </form> </body> </html>
Available since 2.0
