Freigeben über


MenuItemStyle.ItemSpacing Eigenschaft

Definition

Ruft den vertikalen Abstand zwischen dem Menüelement, auf das das MenuItemStyle-Objekt angewendet wird, und den benachbarten Menüelementen ab oder legt diesen fest.

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

Eigenschaftswert

Unit

Der vertikale Abstand zwischen dem Menüelement, auf das das MenuItemStyle-Objekt angewendet wird, und den benachbarten Menüelementen (in Pixel). Die Standardeinstellung ist 0.

Beispiele

Im folgenden Codebeispiel wird veranschaulicht, wie Sie mithilfe der ItemSpacing Eigenschaft ein Menüelement von den angrenzenden Menüelementen um 5 Pixel trennen.


<%@ 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>

Hinweise

Verwenden Sie die ItemSpacing Eigenschaft, um den vertikalen Abstand zwischen einem Menüelement zu steuern, auf das das MenuItemStyle Objekt angewendet wird, und dessen angrenzende Menüelemente auf derselben Ebene. Dieser Leerraum wird zwischen dem oberen Rand des aktuellen Menüelements und dem unteren Rand des vorherigen Menüelements sowie zwischen dem unteren Rand des aktuellen Menüelements und dem oberen Rand des nächsten Menüelements eingefügt.

Hinweis

Der obere Bereich wird nicht für das erste Menüelement im Menu Steuerelement gerendert.

Gilt für

Siehe auch