CssStyleCollection CssStyleCollection CssStyleCollection CssStyleCollection Class

定義

指定した HTML サーバー コントロールの HTML カスケード スタイル シート (CSS: Cascading-Style Sheets) インライン スタイル属性を保持します。Contains the HTML cascading-style sheets (CSS) inline style attributes for a specified HTML server control. このクラスは継承できません。This class cannot be inherited.

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

次のコード例では、 CssStyleCollection HtmlInputTextサーバーコントロールのオブジェクトを反復処理します。The following code example iterates through the CssStyleCollection object for an HtmlInputText server control. プロパティは、サーバーコントロールで宣言されているスタイル属性を特定し、その属性の名前と値を Web フォームページDataList上のオブジェクトにバインドするために使用されます。 KeysThe Keys property is used to determine which style attributes have been declared on the server control, and then binds the attribute names and values to a DataList object on the Web Forms page.

<%@ 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 フォームページが解析されるときにコレクションに追加されます。Any style declared for a particular HTML server control is added to the collection when the containing Web Forms page is parsed. このメソッドは、ディクショナリパターン API を使用して、CSS プロパティを自動的に解析して公開します。It automatically parses and exposes CSS properties through a dictionary pattern API. プロパティをStyle使用して、サーバーコントロールの任意の CSS プロパティを操作できます。You can manipulate any CSS property on a server control through the Style property. 単純に、インデックス付きコレクション内の CSS プロパティのキーと値を使用します。Simply use the CSS property's key and value in the indexed collection.

プロパティ

Count Count Count Count

CssStyleCollection オブジェクト内の項目の数を取得します。Gets the number of items in the CssStyleCollection object.

Item[HtmlTextWriterStyle] Item[HtmlTextWriterStyle] Item[HtmlTextWriterStyle] Item[HtmlTextWriterStyle]

HTML サーバー コントロールに対して指定された HtmlTextWriterStyle 値を取得または設定します。Gets or sets the specified HtmlTextWriterStyle value for the HTML server control.

Item[String] Item[String] Item[String] Item[String]

HTML サーバー コントロールに対して指定された CSS 値を取得または設定します。Gets or sets the specified CSS value for the HTML server control.

Keys Keys Keys Keys

特定の HTML サーバー コントロールの CssStyleCollection オブジェクトに格納されている全スタイルに対するキーのコレクションを取得します。Gets a collection of keys to all the styles in the CssStyleCollection object for a specific HTML server control.

Value Value Value Value

HTML サーバー コントロールの style 属性の値を取得または設定します。Gets or sets the value of the style attribute of the HTML server control.

メソッド

Add(HtmlTextWriterStyle, String) Add(HtmlTextWriterStyle, String) Add(HtmlTextWriterStyle, String) Add(HtmlTextWriterStyle, String)

指定された CssStyleCollection 列挙値と対応する値を使用して、スタイル項目をコントロールの HtmlTextWriterStyle コレクションに追加します。Adds a style item to the CssStyleCollection collection of a control using the specified HtmlTextWriterStyle enumeration value and corresponding value.

Add(String, String) Add(String, String) Add(String, String) Add(String, String)

指定された名前と値のペアを使用して、スタイル項目をコントロールの CssStyleCollection に追加します。Adds a style item to the CssStyleCollection of a control using the specified name/value pair.

Clear() Clear() Clear() Clear()

CssStyleCollection オブジェクトからすべてのスタイル項目を削除します。Removes all style items from the CssStyleCollection object.

Equals(Object) Equals(Object) Equals(Object) Equals(Object)

指定したオブジェクトが、現在のオブジェクトと等しいかどうかを判断します。Determines whether the specified object is equal to the current object.

(Inherited from Object)
GetHashCode() GetHashCode() GetHashCode() GetHashCode()

既定のハッシュ関数として機能します。Serves as the default hash function.

(Inherited from Object)
GetType() GetType() GetType() GetType()

現在のインスタンスの Type を取得します。Gets the Type of the current instance.

(Inherited from Object)
MemberwiseClone() MemberwiseClone() MemberwiseClone() MemberwiseClone()

現在の Object の簡易コピーを作成します。Creates a shallow copy of the current Object.

(Inherited from Object)
Remove(HtmlTextWriterStyle) Remove(HtmlTextWriterStyle) Remove(HtmlTextWriterStyle) Remove(HtmlTextWriterStyle)

指定された CssStyleCollection 列挙値を使用して、コントロールの HtmlTextWriterStyle コレクションからスタイル項目を削除します。Removes a style item from the CssStyleCollection collection of a control using the specified HtmlTextWriterStyle enumeration value.

Remove(String) Remove(String) Remove(String) Remove(String)

指定されたスタイル キーを使用して、コントロールの CssStyleCollection からスタイル項目を削除します。Removes a style item from the CssStyleCollection of a control using the specified style key.

ToString() ToString() ToString() ToString()

現在のオブジェクトを表す文字列を返します。Returns a string that represents the current object.

(Inherited from Object)

適用対象

こちらもご覧ください