WebControl.Style Property (System.Web.UI.WebControls)

Style Property

Collapse All

Language Filter

This page is specific to

Microsoft Visual Studio 2008/.NET Framework 3.5

Other versions are also available for the following:

.NET Framework Class Library

WebControl..::.Style Property

Gets a collection of text attributes that will be rendered as a style attribute on the outer tag of the Web server control.

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

Syntax

Visual Basic (Declaration)

<BrowsableAttribute(False)> _
Public ReadOnly Property Style As CssStyleCollection

Visual Basic (Usage)

Dim instance As WebControl
Dim value As CssStyleCollection

value = instance.Style

[BrowsableAttribute(false)]
public CssStyleCollection Style { get; }

Visual C++

[BrowsableAttribute(false)]
public:
property CssStyleCollection^ Style {
    CssStyleCollection^ get ();
}

JScript

public function get Style () : CssStyleCollection

Property Value

Type: System.Web.UI..::.CssStyleCollection
A CssStyleCollection that contains the HTML style attributes to render on the outer tag of the Web server control.

Remarks

Use the Style collection to manage the style attributes rendered in the outer tag of the Web server control. This property will render on all browsers for all controls.

Note:
Browsers that do not support style attributes will ignore the rendered HTML.

Any style values set through the strongly typed style properties (for example, BackColor="Red") will automatically override a corresponding value in this collection.

Values set in this collection are not automatically reflected by the strongly typed style properties.

Topic	Location
How to: Set ASP.NET Server Control Style Properties Programmatically	Building ASP .NET Web Applications
How to: Set ASP.NET Server Control Style Properties Programmatically	Building ASP .NET Web Applications
How to: Set ASP.NET Server Control Style Properties Programmatically	Building ASP .NET Web Applications in Visual Studio
How to: Set ASP.NET Server Control Style Properties Programmatically	Building ASP .NET Web Applications in Visual Studio

Examples

The following example illustrates how to use the Style property to hide or display a Label control on a page.

Note:
The following code sample uses the single-file code model and may not work correctly if copied directly into a code-behind file. This code sample must be copied into an empty text file that has an .aspx extension. For more information on the Web Forms code model, see ASP.NET Web Page Code Model.

Visual Basic

<%@ Page Language="VB" %>

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

<script runat="server">

    Sub Button1_Click(sender As Object, e As EventArgs)
        If Label1.Style("visibility") = "hidden" Then
            Label1.Style("visibility") = "show"
        Else
            Label1.Style("visibility") = "hidden"
        End If
    End Sub

</script>

<html  >
<head id="Head2" runat="server">
    <title>Style Property Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <h3>Style Property of a Web Control</h3>

        <asp:Label id="Label1" Text="This is a label control." 
            BorderStyle="Solid" runat="server"/>

        <p>
            <asp:Button id="Button1" Text="Click to hide or unhide the label"
                OnClick="Button1_Click" runat="server"/>
        </p>

    </div>
    </form>
</body>
</html>

<%@ 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 (Label1.Style["visibility"] == "hidden")
            Label1.Style["visibility"] = "show";
        else
            Label1.Style["visibility"] = "hidden";
    }

</script>

<html  >
<head id="Head2" runat="server">
    <title>Style Property of a Web Control</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <h3>Style Property of a Web Control</h3>

        <asp:Label id="Label1" Text="This is a label control." 
            BorderStyle="Solid" runat="server"/>

        <p>
            <asp:Button id="Button1" 
                Text="Click to hide or unhide the label"
                OnClick="Button1_Click" runat="server"/>
        </p>

    </div>
    </form>
</body>
</html>

JScript

<%@ Page Language="JScript" %>

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

<script runat="server">

    function Button1_Click(sender : Object, e : EventArgs)
    {
        if (Label1.Style["visibility"] == "hidden")
            Label1.Style["visibility"] = "show"
        else
            Label1.Style["visibility"] = "hidden"
    }

   </script>

<html  >
<head id="Head2" runat="server">
    <title>Style Property Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <h3>Style Property of a Web Control</h3>

        <asp:Label id="Label1" Text="This is a label control." 
            BorderStyle="Solid" runat="server"/>

        <p>
            <asp:Button id="Button1" Text="Click to hide or unhide the label"
                OnClick="Button1_Click" runat="server"/>
        </p>

    </div>
    </form>
</body>
</html>

Platforms

Windows 7, Windows Vista, Windows XP SP2, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP Starter Edition, Windows Server 2008 R2, Windows Server 2008, Windows Server 2003, Windows Server 2000 SP4, Windows Millennium Edition, Windows 98

The .NET Framework and .NET Compact Framework do not support all versions of every platform. For a list of the supported versions, see .NET Framework System Requirements.

Version Information

.NET Framework

Supported in: 3.5, 3.0, 2.0, 1.1, 1.0

Reference

WebControl Class

WebControl Members

System.Web.UI.WebControls Namespace

CssStyleCollection

Other Resources

Web Server Control Syntax

Developing Custom ASP.NET Server Controls