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

Visual Studio 2010

업데이트: 2007년 11월

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

w4s946c9.alert_note(ko-kr,VS.100).gif참고:

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

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

Visual Studio WebApp 달력 설명

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

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" runat="server">
       <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;
    
    w4s946c9.alert_note(ko-kr,VS.100).gif참고:

    속성 설정에 대한 자세한 내용은 ASP.NET 서버 컨트롤 속성 설정을 참조하십시오.

표시: