Compartir vía


MenuItemStyle.ItemSpacing Propiedad

Definición

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

Unit

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.

Se aplica a

Consulte también