Web服务器控件:Style控件
阅读此文请先查看IT教学网的: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>