MenuItemStyle.ItemSpacing Propiedad
Definición
Importante
Parte de la información hace referencia a la versión preliminar del producto, que puede haberse modificado sustancialmente antes de lanzar la versión definitiva. Microsoft no otorga ninguna garantía, explícita o implícita, con respecto a la información proporcionada aquí.
Obtiene o establece la cantidad de espaciado vertical entre el elemento de menú al que se aplica el objeto MenuItemStyle y sus elementos de menú adyacentes.
public:
property System::Web::UI::WebControls::Unit ItemSpacing { System::Web::UI::WebControls::Unit get(); void set(System::Web::UI::WebControls::Unit value); };
public System.Web.UI.WebControls.Unit ItemSpacing { get; set; }
member this.ItemSpacing : System.Web.UI.WebControls.Unit with get, set
Public Property ItemSpacing As Unit
Valor de propiedad
Cantidad de espaciado vertical (en píxeles) entre el elemento de menú al que se aplica el objeto MenuItemStyle y sus elementos de menú adyacentes. El valor predeterminado es 0.
Ejemplos
En el ejemplo de código siguiente se muestra cómo usar la ItemSpacing propiedad para separar un elemento de menú de sus elementos de menú adyacentes en 5 píxeles.
<%@ Page Language="C#" %>
<!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>
<%@ 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>
Comentarios
Utilice la ItemSpacing propiedad para controlar la cantidad de espaciado vertical entre un elemento de menú al que se aplica el MenuItemStyle objeto y sus elementos de menú adyacentes en el mismo nivel. Este espacio se inserta entre el borde superior del elemento de menú actual y el borde inferior del elemento de menú anterior, así como entre el borde inferior del elemento de menú actual y el borde superior del elemento de menú siguiente.
Nota
El espacio superior no se representa para el primer elemento de menú del Menu control.