次の方法で共有


CssStyleCollection クラス

定義

指定した HTML サーバー コントロールの HTML カスケード スタイル シート (CSS: Cascading-Style Sheets) インライン スタイル属性を保持します。 このクラスは継承できません。

public ref class CssStyleCollection sealed
public sealed class CssStyleCollection
type CssStyleCollection = class
Public NotInheritable Class CssStyleCollection
継承
CssStyleCollection

次のコード例では、サーバー コントロールのオブジェクトHtmlInputTextCssStyleCollection反復処理します。 このKeysプロパティを使用して、サーバー コントロールで宣言されているスタイル属性を特定し、属性の名前と値を DataList Web Forms ページのオブジェクトにバインドします。

<%@ Page Language="C#" %>
<%@ Import Namespace="System.Data" %>

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

<script runat="server">

  protected void Page_Load(object sender, EventArgs e)
  {
    DataTable dt = new DataTable();
    DataRow dr;
    dt.Columns.Add(new DataColumn("AttributeName", typeof(String)));
    dt.Columns.Add(new DataColumn("AttributeValue", typeof(String)));
            
    // The Style property of the MyText control returns
    // a CssStyleCollection object.
    IEnumerator keys = MyText.Style.Keys.GetEnumerator();

    while (keys.MoveNext())
    {
      String key = (String)keys.Current;
      dr = dt.NewRow();
      dr[0] = key;
      dr[1] = MyText.Style[key];
      dt.Rows.Add(dr);
    }
    DataView dv = new DataView(dt);
    MessageList.DataSource = dv;
    MessageList.DataBind();
    
  }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>CssStyleCollection Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:DataList id="MessageList"
                  runat="server">
      <HeaderStyle Font-Bold="true"/>
      <HeaderTemplate>
         HtmlInputText control's CssStyleCollection
      </HeaderTemplate>
      <ItemTemplate>
        Attribute: 
        <%# DataBinder.Eval(Container.DataItem, "AttributeName") %>
        , 
        Value: 
        <%# DataBinder.Eval(Container.DataItem, "AttributeValue") %>
      </ItemTemplate>
    </asp:DataList>
    <br />
    An input control with a style attribute:
    <br />
    <input id="MyText"
           type="text"  
           value="Type a value here." 
           style="font: 14pt verdana;width:300;"
           runat="server"/>
    </div>
    </form>
</body>
</html>
<%@ Page Language="VB" %>
<%@ Import Namespace="System.Data" %>

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

<script runat="server">

  Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
    
    Dim dt As New DataTable()
    Dim dr As DataRow
    dt.Columns.Add(New DataColumn("AttributeName", GetType(String)))
    dt.Columns.Add(New DataColumn("AttributeValue", GetType(String)))
    
    ' The Style property of the MyText control returns
    ' a CssStyleCollection object.
    Dim keys As IEnumerator = MyText.Style.Keys.GetEnumerator()
   
    While keys.MoveNext()
      
      Dim key As [String] = CType(keys.Current, [String])
      dr = dt.NewRow()
      dr(0) = key
      dr(1) = MyText.Style(key)
      dt.Rows.Add(dr)
    End While
    Dim dv As New DataView(dt)
    MessageList.DataSource = dv
    MessageList.DataBind()

  End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>CssStyleCollection Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:DataList id="MessageList"
                  runat="server">
      <HeaderStyle Font-Bold="true"/>
      <HeaderTemplate>
         HtmlInputText control's CssStyleCollection
      </HeaderTemplate>
      <ItemTemplate>
        Attribute: 
        <%# DataBinder.Eval(Container.DataItem, "AttributeName") %>
        , 
        Value: 
        <%# DataBinder.Eval(Container.DataItem, "AttributeValue") %>
      </ItemTemplate>
    </asp:DataList>
    <br />
    <input id="MyText"
           type="text"  
           value="Type a value here." 
           style="font: 14pt verdana;width:300;"
           runat="server"/>
    </div>
    </form>
</body></html>

注釈

特定の HTML サーバー コントロールに対して宣言されたすべてのスタイルは、含まれている Web Forms ページが解析されるときにコレクションに追加されます。 ディクショナリ パターン API を使用して CSS プロパティを自動的に解析して公開します。 このプロパティを使用して、サーバー コントロール上の任意の CSS プロパティを Style 操作できます。 インデックス付きコレクションで CSS プロパティのキーと値を使用するだけです。

プロパティ

Count

CssStyleCollection オブジェクト内の項目の数を取得します。

Item[HtmlTextWriterStyle]

HTML サーバー コントロールに対して指定された HtmlTextWriterStyle 値を取得または設定します。

Item[String]

HTML サーバー コントロールに対して指定された CSS 値を取得または設定します。

Keys

特定の HTML サーバー コントロールの CssStyleCollection オブジェクトに格納されている全スタイルに対するキーのコレクションを取得します。

Value

HTML サーバー コントロールの style 属性の値を取得または設定します。

メソッド

Add(HtmlTextWriterStyle, String)

指定された CssStyleCollection 列挙値と対応する値を使用して、スタイル項目をコントロールの HtmlTextWriterStyle コレクションに追加します。

Add(String, String)

指定された名前と値のペアを使用して、スタイル項目をコントロールの CssStyleCollection に追加します。

Clear()

CssStyleCollection オブジェクトからすべてのスタイル項目を削除します。

Equals(Object)

指定されたオブジェクトが現在のオブジェクトと等しいかどうかを判断します。

(継承元 Object)
GetHashCode()

既定のハッシュ関数として機能します。

(継承元 Object)
GetType()

現在のインスタンスの Type を取得します。

(継承元 Object)
MemberwiseClone()

現在の Object の簡易コピーを作成します。

(継承元 Object)
Remove(HtmlTextWriterStyle)

指定された CssStyleCollection 列挙値を使用して、コントロールの HtmlTextWriterStyle コレクションからスタイル項目を削除します。

Remove(String)

指定されたスタイル キーを使用して、コントロールの CssStyleCollection からスタイル項目を削除します。

ToString()

現在のオブジェクトを表す文字列を返します。

(継承元 Object)

適用対象

こちらもご覧ください