System
Web
UI
WebControls名字空間包含了Style基類
它封裝了公用的樣式屬性(其它的樣式類
例如TableStyle和TableItemStyle都繼承自這個基類)
為了指定控件的各個顯示元素
大多數Web服務器控件都暴露了這個類型屬性
例如
WebCalendar暴露和很多樣式屬性
DayStyle
WeekendDayStyle
TodayDayStyle
SelectedDayStyle
OtherMonthDayStyle和NextPrevStyle
你可以使用子屬性語法PropertyName
SubPropertyName來設置這些樣式的屬性
如下面的例子所示
<ASP:Calendar runat=
server
……
DayStyle
Width=
px
DayStyle
Height=
px
TodayDayStyle
BorderWidth=
WeekEndDayStyle
BackColor=
palegoldenrod
WeekEndDayStyle
Width=
px
WeekEndDayStyle
Height=
px
SelectedDayStyle
BorderColor=
firebrick
SelectedDayStyle
BorderWidth=
OtherMonthDayStyle
Width=
px
OtherMonthDayStyle
Height=
px
/>
下面的語法有稍微的不同
它允許你把Style屬性聲明為Web服務器控件標記內嵌套的子元素
<ASP:Calendar
runat=
server
>
<TitleStyle BorderColor=
darkolivegreen
BorderWidth=
BackColor=
olivedrab
Height=
px
/>
</ASP:Calendar>
下面的例子顯示了一種替代語法
但是它的功能與前面的語法是一樣的
<ASP:Calendar id=
MyCalendar
runat=
server
……
>
<TitleStyle BorderColor=
darkolivegreen
BorderWidth=
BackColor=
olivedrab
Height=
px
/>
<DayHeaderStyle BorderColor=
darkolivegreen
BorderWidth=
BackColor=
olivedrab
ForeColor=
black
Height=
px
/>
<WeekEndDayStyle BackColor=
palegoldenrod
Width=
px
Height=
px
/>
<DayStyle Width=
px
Height=
px
/>
<TodayDayStyle BorderWidth=
/>
<SelectedDayStyle BorderColor=
firebrick
BorderWidth=
/>
<OtherMonthDayStyle Width=
px
Height=
px
/>
</ASP:Calendar>
使用HTML服務器控件的時候
你可以使用CSS類定義給Web服務器控件應用樣式
WebControl基類暴露了一個叫做CssClass的字符串屬性
用於設置樣式類
<style>
calstyle { font
size:
pt; font
family:Tahoma
Arial; }
</style>
<ASP:Calendar CssClass=
calstyle
runat=
server
……
/>
如果某個服務器控件上設置的屬性沒有與該控件的強類型屬性相對應
那個該屬性和值就被填充到控件的Attributes集合中
在默認情況下
服務器控件會把這些屬性不作更改地呈現在HTML中
並返回給作出請求的浏覽器客戶端
這意味著
我們可以直接設置Web服務器控件的樣式和類屬性
而不必使用強類型的屬性
盡管它要求我們理解控件的實際顯示過程
但是它也是應用樣式的一個靈活的途徑
對於標准的輸入控件
這樣的操作用處很大
如下面的例子所示
<ASP:TextBox runat=
server
class=
beige
style=
font
weight:
;
/>
<ASP:TextBox TextMode=
Password
runat=
server
class=
beige
/>
<ASP:DropDownList class=
beige
runat=
server
>
<ASP:ListItem>Default Desktop</ASP:ListItem>
<ASP:ListItem>My Stock Portfolio</ASP:ListItem>
<ASP:ListItem>My Contact List</ASP:ListItem>
</ASP:DropDownList>
<ASP:Button Text=
Submit
runat=
server
class=
beige
/>
[] [] [] [] [] [] [] [] []
From:http://tw.wingwit.com/Article/program/net/201311/15073.html