共用方式為

CssStyleCollection 類別

  • 參考

定義

命名空間:
System.Web.UI
組件:
System.Web.dll

包含指定的 HTML 伺服器控制項的 HTML 階層式樣式表 (CSS) 內嵌樣式屬性 (Attribute)。 此類別無法獲得繼承。

public ref class CssStyleCollection sealed
public sealed class CssStyleCollection
type CssStyleCollection = class
Public NotInheritable Class CssStyleCollection
繼承
Object
CssStyleCollection

範例

下列程式碼範例會逐 CssStyleCollection 一 HtmlInputText 查看伺服器控制項的 物件。 屬性 Keys 是用來判斷哪些樣式屬性已在伺服器控制項上宣告，然後將屬性名稱和值系結至 DataList Web Form頁面上的物件。

<%@ 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>

備註

剖析包含Web Form頁面時，會新增針對特定 HTML 伺服器控制項宣告的任何樣式至集合。 它會透過字典模式 API 自動剖析和公開 CSS 屬性。 您可以透過 Style 屬性操作伺服器控制項上的任何 CSS 屬性。 只要在索引集合中使用 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)

適用於

另請參閱