WebControl.CssClass-Eigenschaft

Artikel
08/20/2007

Ruft die vom Webserversteuerelement auf dem Client dargestellte CSS-Klasse (Cascading Style Sheet) ab oder legt diese fest.

Namespace: System.Web.UI.WebControls
Assembly: System.Web (in system.web.dll)

Syntax

'Declaration
Public Overridable Property CssClass As String
'Usage
Dim instance As WebControl
Dim value As String

value = instance.CssClass

instance.CssClass = value

public virtual string CssClass { get; set; }

public:
virtual property String^ CssClass {
    String^ get ();
    void set (String^ value);
}

/** @property */
public String get_CssClass ()

/** @property */
public void set_CssClass (String value)

public function get CssClass () : String

public function set CssClass (value : String)

Eigenschaftenwert

Die vom Webserversteuerelement auf dem Client dargestellte CSS-Klasse. Der Standardwert ist Empty.

Hinweise

Verwenden Sie die CssClass-Eigenschaft, um die CSS-Klasse anzugeben, die für das Webserversteuerelement auf dem Client dargestellt werden soll. Diese Eigenschaft wird in Browsern für alle Steuerelemente dargestellt. Sie wird unabhängig vom Browser stets als Klassenattribut dargestellt.

Nehmen Sie z. B. an, dass folgende Deklaration für ein Webserversteuerelement vorliegt:

 <asp:TextBox id="TextBox1" ForeColor="Red" CssClass="class1" />

Für die vorhergehende Deklaration des Webserversteuerelements wird auf dem Client folgender HTML-Code dargestellt:

 <input type=text class="class1" style="ForeColor:red">

Hinweis

In Browsern, die CSS nicht unterstützen, bleibt das Festlegen der CssClass-Eigenschaft wirkungslos.

Thema	Position
Gewusst wie: Erstellen von externen Cascading Stylesheets (Visual Studio)	Erstellen von ASP.NET-Webanwendungen in Visual Studio

Beispiel

Im folgenden Beispiel wird veranschaulicht, wie mit der CssClass-Eigenschaft der Stil eines HyperLink-Steuerelements geändert werden kann.

Hinweis

Im folgenden Codebeispiel wird das Einzeldatei-Codemodell verwendet. Das Beispiel funktioniert möglicherweise nicht, wenn es direkt in eine CodeBehind-Datei kopiert wird. Dieses Codebeispiel muss in eine leere Textdatei mit einer ASPX-Erweiterung kopiert werden. Weitere Informationen zum Web Forms-Codemodell finden Sie unter Codemodell für ASP.NET-Webseiten.

<%@ Page Language="VB" AutoEventWireup="True" %>

 <html>
 <head>
 
   <style>
 
       .CssStyle1   
       { 
           font: 12pt verdana; 
           font-weight:700;
           color:orange;
       }
 
       .CssStyle2
       { 
           font: 15pt times; 
           font-weight:250;
           color:blue;
       }
 
   </style>
 
   <script language="VB" runat="server">
 
    Sub Button1_Click(sender As Object, e As EventArgs)
        If HyperLink1.CssClass = "CssStyle1" Then
            HyperLink1.CssClass = "CssStyle2"
        Else
            HyperLink1.CssClass = "CssStyle1"
        End If
    End Sub
 
   </script>
 
 </head>
 <body>
 
   <h3>CssClass Property of a Web Control</h3>
 
 <form runat="server">
 
   <asp:HyperLink id="HyperLink1" href="https://www.microsoft.com" 
     CssClass="spanstyle" Text="Click here to go to the Microsoft site" 
     Target="_new" runat="server"/>
 
   <p>
 
   <asp:Button id="Button1" Text="Click to change the Css style of the above link"
     OnClick="Button1_Click" runat="server"/>
 
 </form>
 
 </body>
 </html>

<%@ Page Language="C#" AutoEventWireup="True" %>

 <html>
 <head>
 
   <style>
 
       .CssStyle1   
       { 
           font: 12pt verdana; 
           font-weight:700;
           color:orange;
       }
 
       .CssStyle2
       { 
           font: 15pt times; 
           font-weight:250;
           color:blue;
       }
 
   </style>
 
   <script language="C#" runat="server">
 
       void Button1_Click(Object sender, EventArgs e) {
           HyperLink1.CssClass=((HyperLink1.CssClass=="CssStyle1")?"CssStyle2":"CssStyle1");
       }
 
   </script>
 
 </head>
 <body>
 
   <h3>CssClass Property of a Web Control</h3>
 
 <form runat="server">
 
   <asp:HyperLink id="HyperLink1" href="https://www.microsoft.com" 
     CssClass="spanstyle" Text="Click here to go to the Microsoft site" 
     Target="_new" runat="server"/>
 
   <p>
 
   <asp:Button id="Button1" Text="Click to change the Css style of the above link"
     OnClick="Button1_Click" runat="server"/>
 
 </form>
 
 </body>
 </html>

<%@ Page Language="JScript" AutoEventWireup="True" %>

 <html>
 <head>
 
   <style>
 
       .CssStyle1   
       { 
           font: 12pt verdana; 
           font-weight:700;
           color:orange;
       }
 
       .CssStyle2
       { 
           font: 15pt times; 
           font-weight:250;
           color:blue;
       }
 
   </style>
 
   <script language="JSCRIPT" runat="server">
 
    function Button1_Click(sender : Object, e : EventArgs){
        if(HyperLink1.CssClass == "CssStyle1")
            HyperLink1.CssClass = "CssStyle2"
        else
            HyperLink1.CssClass = "CssStyle1"
    }
 
   </script>
 
 </head>
 <body>
 
   <h3>CssClass Property of a Web Control</h3>
 
 <form runat="server">
 
   <asp:HyperLink id="HyperLink1" href="https://www.microsoft.com" 
     CssClass="spanstyle" Text="Click here to go to the Microsoft site" 
     Target="_new" runat="server"/>
 
   <p>
 
   <asp:Button id="Button1" Text="Click to change the Css style of the above link"
     OnClick="Button1_Click" runat="server"/>
 
 </form>
 
 </body>
 </html>

<html>
<head>

  <style>

      .CssStyle1   
      { 
          font: 12pt verdana; 
          font-weight:700;
          color:orange;
      }

      .CssStyle2
      { 
          font: 15pt times; 
          font-weight:250;
          color:blue;
      }

  </style>

  <script language="C#" runat="server">

      void Button1_Click(Object sender, EventArgs e) {
    HyperLink1.CssClass=((HyperLink1.CssClass=="CssStyle1")?"CssStyle2":"CssStyle1");
      }

  </script>

</head>
<body>

  <h3><font face="Verdana">CssClass Property of a Web Control</font></h3>

<form runat="server">

  <asp:HyperLink id="HyperLink1" href="https://www.microsoft.com" 
    CssClass="spanstyle" Text="Click here to go to the Microsoft site" 
    Target="_new" runat="server"/>

  <p>

  <asp:Button id="Button1" Text="Click to change the Css style of the above link"
    OnClick="Button1_Click" runat="server"/>

</form>

</body>
</html>

Plattformen

Windows 98, Windows 2000 SP4, Windows Server 2003, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP SP2, Windows XP Starter Edition

.NET Framework unterstützt nicht alle Versionen sämtlicher Plattformen. Eine Liste der unterstützten Versionen finden Sie unter Systemanforderungen.

Versionsinformationen

.NET Framework

Unterstützt in: 2.0, 1.1, 1.0

Siehe auch

Referenz

WebControl-Klasse
WebControl-Member
System.Web.UI.WebControls-Namespace

Weitere Ressourcen

ASP.NET-Webserversteuerelemente und Browserfunktionen
Syntax des Webserversteuerelements
Entwickeln von benutzerdefinierten ASP.NET-Serversteuerelementen

Freigeben über