Web服务器控件:Style控件

2009-03-15 00:39:00  来源:网页教学网 

WebjxCom提示:Style 控件用于设置 web 控件的样式。

阅读此文请先查看网页教学网的:ASP.NET入门教程:Web服务器控件,简单讲述了Web服务器控件的使用方法。

定义和用法

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" BorderStyle="style" 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" BorderStyle="dotted" 
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>
更多

推荐文章