¿Le resultó útil esta página?
Sus comentarios sobre este contenido son muy importantes. Háganos saber su opinión.
¿Tiene comentarios adicionales?
Caracteres restantes: 1500
Exportar (0) Imprimir
Expandir todo

WebControl.CssClass (Propiedad)

Actualización: noviembre 2007

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)
<asp:WebControl CssClass="String" />

Valor de propiedad

Tipo: System.String
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.

9wx8w7we.alert_security(es-es,VS.90).gifNota de seguridad:

Este ejemplo tiene un cuadro de texto que acepta datos del usuario y 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.

9wx8w7we.alert_note(es-es,VS.90).gifNota:

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

TopicLocation
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.

9wx8w7we.alert_note(es-es,VS.90).gifNota:

El siguiente ejemplo de código utiliza el 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 ejemplo de código en un archivo de texto vacío con la 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 Vista, Windows XP SP2, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP Starter Edition, Windows Server 2003, Windows Server 2000 SP4, Windows Millennium Edition, Windows 98

.NET Framework y .NET Compact Framework no admiten todas las versiones de cada plataforma. Para obtener una lista de las versiones compatibles, vea Requisitos de sistema de .NET Framework.

.NET Framework

Compatible con: 3.5, 3.0, 2.0, 1.1, 1.0

Adiciones de comunidad

AGREGAR
Mostrar:
© 2015 Microsoft