WebControl.Style プロパティ

定義

Web サーバー コントロールの外側のタグにスタイル属性として表示されるテキスト属性のコレクションを取得します。Gets a collection of text attributes that will be rendered as a style attribute on the outer tag of the Web server control.

public:
 property System::Web::UI::CssStyleCollection ^ Style { System::Web::UI::CssStyleCollection ^ get(); };
[System.ComponentModel.Browsable(false)]
public System.Web.UI.CssStyleCollection Style { get; }
member this.Style : System.Web.UI.CssStyleCollection
Public ReadOnly Property Style As CssStyleCollection

プロパティ値

Web サーバー コントロールの外側のタグに表示される HTML スタイル属性を示す CssStyleCollectionA CssStyleCollection that contains the HTML style attributes to render on the outer tag of the Web server control.

属性

次の例は、 Styleプロパティを使用して、ページ上のLabelコントロールを表示または非表示にする方法を示しています。The following example illustrates how to use the Style property to hide or display a Label control on a page.

注意

次のコードサンプルでは、単一ファイルのコードモデルを使用して、分離コードファイルに直接コピーした場合、正しく機能しない可能性があります。The following code sample uses the single-file code model and may not work correctly if copied directly into a code-behind file. このコードサンプルは、.aspx 拡張子を持つ空のテキストファイルにコピーする必要があります。This code sample must be copied into an empty text file that has an .aspx extension. Web フォームコードモデルの詳細については、「 ASP.NET Web Forms Page Code model」を参照してください。For more information on the Web Forms code model, see ASP.NET Web Forms Page Code Model.

<%@ 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 xmlns="http://www.w3.org/1999/xhtml" >
<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>
<%@ 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 xmlns="http://www.w3.org/1999/xhtml" >
<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>

注釈

Styleコレクションを使用して、Web サーバーコントロールの外側のタグに表示されるスタイル属性を管理します。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.

注意

スタイル属性をサポートしていないブラウザーは、レンダリングされた HTML を無視します。Browsers that do not support style attributes will ignore the rendered HTML.

厳密に型指定されたスタイルプロパティ (などBackColor="Red") によって設定されたすべてのスタイル値は、このコレクション内の対応する値を自動的にオーバーライドします。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.

適用対象

こちらもご覧ください