内容纲要
ASP.NET 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 |
ASP.NET BackColor 属性
ASP.NET 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>ASP.NET BorderColor 属性
ASP.NET 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>ASP.NET BorderStyle 属性
ASP.NET 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>ASP.NET BorderWidth 属性
ASP.NET Style 控件的 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>ASP.NET Style 控件 CssClass 属性
ASP.NET Style 控件的 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>ASP.NET Style 控件 Font 属性
ASP.NET Style 控件的 Font 属性用于设置或返回控件的字体
语法
<asp:webcontrol id="id" font-subproperty="value" runat="server"/>
subproperty 字体子属性
| 值 | 描述 |
|---|---|
| Bold | 粗体子属性。可能的值是：TRUE 或 FALSE |
| 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>ASP.NET Style 控件 ForeColor 属性
ASP.NET Style 控件的 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>ASP.NET Style 控件 Height 属性
ASP.NET Style 控件的 Height 属性用于设置或返回控件的高度
语法
<asp:webcontrol id="id" Height= "value" runat="server" />
| 属性 | 描述 |
|---|---|
| value | 控件的高度。必须是像素值，或表示父对象高度的百分比值 |
范例
下面的范例设置了 Button 控件的高度
<form runat="server">
<asp:Button id="button1" Text="Submit" Height="50px" runat="server" />
</form>ASP.NET Style Width 属性
ASP.NET Style 控件的 Width 属性用于设置或返回控件的宽度
语法
<asp:webcontrol id="id" Width="value" runat="server" />
| 属性 | 描述 |
|---|---|
| value | 控件的宽度。必须是像素值，或表示父对象宽度的百分比值 |
范例
下面的范例设置了 Button 控件的宽度
<form runat="server">
<asp:Button id="button1" Text="Submit" Width="150px" runat="server" />
</form>
