CssClass (Propiedad)

WebControl.CssClass (Propiedad)

Obtiene o establece la clase hoja de estilo en cascada (CSS) presentada por el control de servidor Web en el cliente.

Espacio de nombres: System.Web.UI.WebControls
Ensamblado: System.Web (en system.web.dll)

public virtual string CssClass { get; set; }
/** @property */
public String get_CssClass ()

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

public function get CssClass () : String

public function set CssClass (value : String)

No aplicable.

Valor de propiedad

Clase CSS presentada por el control de servidor Web en el cliente. El valor predeterminado es Empty.

La propiedad CssClass se utiliza para especificar la clase CSS que se debe representar en el cliente para el control de servidor Web. Esta propiedad se representa en los exploradores para todos los controles. Se representa siempre como el atributo de clase, independientemente del explorador.

Nota de seguridadNota: de seguridad

Este ejemplo tiene un cuadro de texto que acepta datos del usuario, lo que puede suponer una amenaza para la seguridad. De forma predeterminada, las páginas Web ASP.NET validan que los datos proporcionados por el usuario no incluyen elementos HTML ni de secuencia de comandos. Para obtener más información, vea Información general sobre los ataques mediante secuencias de comandos.

Por ejemplo, supongamos la siguiente declaración de un control de servidor Web:

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

Para la declaración anterior, se representa el siguiente código HTML en el cliente:

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

Si utiliza hojas de estilos en cascada (CSS) para personalizar la apariencia de un control, utilice estilos en línea o un archivo CSS independiente, pero no ambos. Si se utilizan ambos, se podrían producir resultados inesperados.

NotaNota:

En los exploradores que no admiten CSS, establecer la propiedad CssClass no tiene ningún efecto.

TemaUbicación
Cómo: Crear hojas de estilo en cascada externas (Visual Studio)Generar aplicaciones Web ASP .NET en Visual Studio

En el siguiente ejemplo se muestra la forma de utilizar la propiedad CssClass para cambiar el estilo de un control HyperLink.

NotaNota:

El siguiente ejemplo de código utiliza un modelo de código de un solo archivo y puede que no funcione correctamente si se copia directamente en un archivo de código subyacente. Se debe copiar este código de ejemplo en un archivo de texto vacío con una extensión .aspx. Para obtener más información sobre el modelo de código de los formularios Web Forms, vea Modelo de código de las páginas Web ASP.NET.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    void Button1_Click(object sender, EventArgs e)
    {
        if (HyperLink1.CssClass == "CssStyle1")
            HyperLink1.CssClass = "CssStyle2";
        else
            HyperLink1.CssClass = "CssStyle1";
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head2" runat="server">
    <title>CssClass Property Example</title>
    <style type="text/css">
        .CssStyle1   
        { 
           font: 10pt Verdana; 
           font-weight:700;
           color: Green;
        }

        .CssStyle2
        { 
           font: 15pt Times; 
           font-weight:250;
           color: Blue;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h3>CssClass Property of a Web Control</h3>
        <asp:HyperLink id="HyperLink1" 
            NavigateUrl="http://www.microsoft.com" 
            CssClass="CssClass1" 
            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 link"
            OnClick="Button1_Click" runat="server" />
         </p>
    </div>
    </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" NavigateUrl="http://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>


Windows 98, Windows 2000 Service Pack 4, Windows CE, Windows Millennium, Windows Mobile para Pocket PC, Windows Mobile para Smartphone, Windows Server 2003, Windows XP Media Center, Windows XP Professional x64, Windows XP SP2, Windows XP Starter

Microsoft .NET Framework 3.0 es compatible con Windows Vista, Microsoft Windows XP SP2 y Windows Server 2003 SP1.

.NET Framework

Compatible con: 3.0, 2.0, 1.1, 1.0
Mostrar:
© 2016 Microsoft