HOW TO：使用樣式格式化 Calendar Web 伺服器控制項項目

更新：2007 年 11 月

就像大部分的 Web 伺服器控制項一樣，Calendar 控制項也允許您使用樣式來指定控制項的外觀，包括字型、色彩、框線等方面。如需使用 Web 伺服器控制項樣式的一般資訊，請參閱 ASP.NET Web 伺服器控制項和 CSS 樣式。

注意事項：
不是所有的瀏覽器都完整支援樣式。

為了讓您能夠彈性自訂日曆輸出的外觀，Calendar 控制項支援幾個不連續項目用於組成日曆方格。以下圖表顯示具有所有選擇性項目的日曆。

下表將說明您可以使用樣式控制的項目。

日曆項目	說明
DayStyle	目前月份的日期。週末、今天及選取的日期可以有不同的樣式 (請參閱以下說明)。
DayHeaderStyle	日曆之上的資料列是顯示日期名稱所在位置。
NextPrevStyle	標題列左端及右端的區段是月份巡覽 LinkButtons 的位置。
OtherMonthDayStyle	顯示在目前月份檢視的上個及下個月份日期。
SelectedDayStyle	使用者選取的日期。
SelectorStyle	左方欄包含選取週或整個月份的連結。
TitleStyle	日曆最上方的標題列包含月份名稱及月份巡覽連結。如果設定 NextPrevStyle，則它會覆寫標題列的兩端。
TodayDayStyle	今天日期。
WeekendDayStyle	週末日期。

在網頁中輸入樣式項目，例如 <DayStyle> 或 <TitleStyle> 項目，做為 Calendar 控制項的子系。如需語法的詳細資訊，請參閱 Calendar Web 伺服器控制項。
設定樣式項目的屬性 (Property 或 Attribute)，例如 BackColor 或 BorderWidth。

下列程式碼顯示包含 DayStyle 項目的 Calendar 控制項宣告：
```
<asp:Calendar id="Calendar1" >
   <DayStyle BackColor="#FF8080" 
      BorderWidth="2"
      BorderStyle="Groove">
   </DayStyle>
</asp:Calendar>
```

您也可以在執行階段，利用程式碼設定樣式項目。

使用以下語法設定個別樣式項目的屬性 (Property)：

Calendar1.StyleName.Property = setting

下列範例將說明 Calendar 控制項的一些標準樣式設定：

Calendar1.DayStyle.Font.Size = New FontUnit(10)
Calendar1.TitleStyle.ForeColor = System.Drawing.Color.Red

Calendar1.DayStyle.Font.Size = new FontUnit(10);
Calendar1.TitleStyle.ForeColor = System.Drawing.Color.Red;

注意事項：
如需設定屬性的詳細資訊，請參閱設定 ASP.NET 伺服器控制項屬性。

請參閱