다음을 통해 공유

방법: 스타일을 사용하여 Calendar 웹 서버 컨트롤 요소 서식 지정

  • 아티클

업데이트: 2007년 11월

대부분의 웹 서버 컨트롤과 마찬가지로 Calendar 컨트롤에서도 스타일을 사용하여 글꼴, 색, 테두리 같은 컨트롤 모양을 지정할 수 있습니다. 웹 서버 컨트롤에 스타일을 사용하는 방법에 대한 일반적인 내용은 ASP.NET 웹 서버 컨트롤 및 CSS 스타일을 참조하십시오.

참고:

스타일을 완전히 지원하지 않는 브라우저도 있습니다.

달력의 출력 모양을 융통성 있게 사용자 지정할 수 있도록 Calendar 컨트롤은 달력의 모눈을 구성하는 많은 단위 요소에 대한 스타일을 지원합니다. 다음 다이어그램은 모든 선택적 요소가 표시된 달력을 보여 줍니다.

다음 표에서는 스타일을 사용하여 제어할 수 있는 각 요소를 설명합니다.

Calendar 요소

설명

DayStyle

현재 월의 일자. 주말, 오늘 및 선택한 일자에 서로 다른 스타일을 적용할 수 있습니다(아래 참조).

DayHeaderStyle

일자 이름이 나타나는 달력의 행

NextPrevStyle

월 탐색 링크 단추가 있는 제목 표시줄의 왼쪽 및 오른쪽 가장자리 영역

OtherMonthDayStyle

현재 월 뷰에 나타나는 이전 및 다음 월의 일자

SelectedDayStyle

사용자가 선택한 일자

SelectorStyle

주 또는 월 전체를 선택할 수 있는 링크가 있는 왼쪽 열

TitleStyle

월 이름 및 월 탐색 링크를 포함하는 달력 맨 위의 제목 표시줄. NextPrevStyle이 설정된 경우 제목 표시줄의 양쪽 끝이 재정의됩니다.

TodayDayStyle

오늘 날짜

WeekendDayStyle

주말

Calendar 요소 스타일을 설정하려면

  1. 페이지에 <DayStyle> 또는 <TitleStyle> 요소와 같은 스타일 요소를 Calendar 컨트롤의 자식으로 입력합니다. 구문에 대한 자세한 내용은 Calendar 웹 서버 컨트롤을 참조하십시오.

  2. BackColor 또는 BorderWidth 같은 스타일 요소의 속성(특성)을 설정합니다.

    아래 예제에서는 DayStyle 요소가 포함된 Calendar 컨트롤 선언을 보여 줍니다.

    <asp:Calendar id="Calendar1" >
   <DayStyle BackColor="#FF8080" 
      BorderWidth="2"
      BorderStyle="Groove">
   </DayStyle>
</asp:Calendar>

런타임에 코드로 스타일 요소를 설정할 수도 있습니다.

Calendar 요소 스타일을 프로그래밍 방식으로 설정하려면

  • 다음 구문을 사용하여 개별 스타일 요소의 속성을 설정합니다.

    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 서버 컨트롤 속성 설정을 참조하십시오.

참고 항목

개념

Calendar 웹 서버 컨트롤 개요