Web服務器控件：Style控件

定義和用法

Style 控件用於設置 web 控件的樣式。

屬性

屬性 描述 .Net BackColor 控件的背景色。 1.0 BorderColor 控件的邊框色。 1.0 BorderStyle 控件的邊框樣式。 1.0 BorderWidth 控件的邊框寬度。 1.0 CSSClass 由 Web 服務器控件在客戶端呈現的級聯樣式表 (CSS) 類。 1.0 Font 控件的字符屬性。 1.0 ForeColor 控件的前景色（通常是文本顏色）。 1.0 Height 控件的高度。 1.0 RegisteredCSSClass 已向控件注冊的級聯樣式表 (CSS) 類。 2.0 Width 控件的寬度。 1.0

BackColor 控件的背景色。

定義和用法

BackColor 屬性用於設置或返回控件的背景色。

語法

<ASP:webcontrol id="id" BackColor="color" runat="server" />

屬性 描述 color 設置為控件背景色的顏色值。必須是合法的 Html 顏色。

實例

下面的例子設置的按鈕的背景顏色：

<form runat="server">
<ASP:Button id="button1" Text="Submit" 
BackColor="#FFCC80" runat="server" />
</form>

BorderColor 控件的邊框色。

定義和用法

BorderColor 屬性用於設置或返回控件的邊框色。

語法

<ASP:webcontrol id="id" BorderColor="color" runat="server" />

屬性 描述 color 設置為控件邊框色的顏色值。必須是合法的 Html 顏色。

實例

下面的例子設置了表格的邊框顏色：

<form runat="server">
<asp:Table runat="server" BorderColor="#FF0000" 
BorderWidth="5" GridLines="vertical">
  <asp:TableRow>
    <asp:TableCell>Hello</asp:TableCell>
    <asp:TableCell>World</asp:TableCell>
  </asp:TableRow>
</ASP:Table>
</form>

BorderStyle 控件的邊框樣式。

定義和用法

BorderStyle 屬性用於設置或返回控件的邊框樣式。

語法

<ASP:webcontrol id="id" Border runat="server" />

可能的樣式值

值 描述 NotSet 未設置邊框樣式。 None 定義無邊框。 Dotted 定義點狀邊框。 Dashed 定義虛線邊框。 Solid 定義實線邊框。 Double 定義雙實線邊框。兩條邊框的寬度與 border-width 的值相同。 Groove 定義 3D 凹槽邊框。此效果依靠 border-color 值。 Ridge 定義 3D 凸起邊框。此效果依靠 border-color 值。 Inset 定義 3D 內嵌邊框。此效果依靠 border-color 值。 Outset 定義 3D 外嵌邊框。此效果依靠 border-color 值。

實例

下面的例子設置了表格的邊框樣式：

<form runat="server">
<asp:Table runat="server" Border 
BorderWidth="5" GridLines="vertical">
  <asp:TableRow>
    <asp:TableCell>Hello</asp:TableCell>
    <asp:TableCell>World</asp:TableCell>
  </asp:TableRow>
</ASP:Table>
</form>

BorderWidth 控件的邊框寬度。

定義和用法

BorderWidth 屬性用於設置或返回控件的邊框寬度。

語法

<ASP:webcontrol id="id" BorderWidth="length" runat="server" />

屬性 描述 length 邊框的寬度。必須是合法的 .Net 長度單位。合法的單位是：cm、mm、in、pt、pc 或 px。

實例

下面的例子設置了表格的邊框寬度。

<form runat="server">
<asp:Table runat="server" BorderWidth="5" GridLines="vertical">
  <asp:TableRow>
    <asp:TableCell>Hello</asp:TableCell>
    <asp:TableCell>World</asp:TableCell>
  </asp:TableRow>
</ASP:Table>
</form>

CssClass 由 Web 服務器控件在客戶端呈現的級聯樣式表 (CSS) 類。

定義和用法

CssClass 用於設置或返回控件的 CSS 樣式類。

語法

<ASP:webcontrol id="id" CSSClass="style" runat="server" />

屬性 描述 style 字符串值。規定在控件上使用的 CSS 類。

實例

下面的例子向按鈕設置了 CSS 樣式：

<style>
.TestStyle
  { 
  font: 12pt verdana; 
  font-weight:700; 
  color:orange;
  }
</style>

<form runat="server">
<ASP:Button id="Button" CSSClass="TestStyle" 
Text="Submit" runat="server"/>
</form>

Font 控件的字符屬性。

定義和用法

Font 屬性用於設置或返回控件的字體。

語法

<ASP:webcontrol id="id" font-subproperty="value" runat="server" />

字體子屬性

值 描述 Bold Bold 子屬性。可能的值是：TRUE 或 FALSE。 Italic Italic 子屬性。可能的值是：TRUE 或 FALSE。 Name

字體名稱屬性（比如："Verdana" 或 "Arial"）。

當您設置了該屬性，則通過帶有 Name 屬性的值的單個元素數組來自動更新 Names 屬性。

Names

字體名稱的數組。

當您設置了該屬性，則使用該數組中的第一個元素來自動更新 Name 屬性。

Strikeout 刪除線子屬性。可能的值是：TRUE 或 FALSE。 Underline 下劃線子屬性。可能的值是：TRUE 或 FALSE。 Size 字體尺寸子屬性。規定字體尺寸。

實例

下面的例子設置了 button 控件的字體：

<form runat="server">
<ASP:Button id="Button1" Text="Submit" 
Font-Name="Verdana" Font-Size="15" runat="server"/>
</form>

ForeColor 控件的前景色（通常是文本顏色）。

定義和用法

ForeColor 屬性用於設置或返回控件的前景色（通常是文本的顏色）。

語法

<ASP:webcontrol id="id" ForeColor="color" runat="server" />

屬性 描述 color 設置為控件前景色的顏色。必須是合法的 Html 顏色。

實例

下面的例子設置了按鈕的前景色：

<form runat="server">
<ASP:Button id="button1" Text="Submit" 
ForeColor="#FF0000" runat="server" />
</form>

Height 控件的高度。

定義和用法

Height 屬性用於設置或返回控件的高度。

語法

<ASP:webcontrol id="id" Height="value" runat="server" />

屬性 描述 value 控件的高度。必須是像素值，或表示父對象高度的百分比值。

實例

下面的例子設置了按鈕控件的高度：

<form runat="server">
<ASP:Button id="button1" Text="Submit"
Height="50px" runat="server" />
</form>

RegisteredCssClass 已向控件注冊的級聯樣式表 (CSS) 類。

Width 控件的寬度。

定義和用法

Width 屬性用於設置或返回控件的寬度。

語法

<ASP:webcontrol id="id" Width="value" runat="server" />

屬性 描述 value 控件的寬度。必須是像素值，或表示父對象高度的百分比值。

實例

下面的例子設置了按鈕控件的寬度：

<form runat="server">
<ASP:Button id="button1" Text="Submit"
Width="150px" runat="server" />
</form>