달력의 년월일, 이전달, 다음달을 표시하는 스타일
클래스 명
- .cal_month { }
이미지 보기
사용 예
.cal_month{
font-size:0.85em;
height:18px;
font-weight:bold;
}
달력의 요일명을 표시하는 스타일 (th 영역)
클래스 명
- .cal_week1 { }
이미지 보기
사용 예
.cal_week1{
font:0.95em dotum;
height:18px;
font-weight:normal;
}
일요일이라는 요일명을 표시하는 스타일 (th 영역)
클래스 명
- .cal_week2 { }
이미지 보기
사용 예
.cal_week2{
font:0.95em dotum;
color:#f30;
}
달력의 주(Week) 단위를 표시하는 스타일 (tr 영역)
클래스 명
- .cal_week { }
이미지 보기
사용 예
a.cal_week{
background-color:#fff;
}
달력의 현재 주(Current Week)를 표시하는 스타일 (tr 영역)
클래스 명
- .cal_current_week { }
이미지 보기
사용 예
.cal_current_week{
background-color:#eee;
}
현재 달을 포함하는 전체 날짜(Day)의 스타일 전체 (td 영역)
클래스 명
- .cal_day { }
이미지 보기
사용 예
.cal_day{
font-size:0.85em;
color:#999;
text-align:center;
}
현재 달을 포함하는 전체 날짜의 일요일 스타일 (td 영역)
클래스 명
- .cal_day_sunday { }
이미지 보기
사용 예
.cal_day_sunday {
color:#f30 !important;
}
.cal_day_sunday a{
color:#f30 !important;
}
해당 달력에서 이전달 날짜를 표시하는 스타일(td 영역)
현재 이전달 날짜가 출력되고 있지 않습니다
클래스 명
- .cal_day1 { }
이미지 보기
사용 예
.cal_day1{
color:#ccc;
}
해당 달력에서 다음달 날짜를 표시하는 스타일(td 영역)
현재 다음달 날짜가 출력되고 있지 않습니다
클래스 명
- .cal_day2 { }
이미지 보기
사용 예
.cal_day2{
color:#ccc;
}
현재 달력의 이번달 날짜를 표시하는 스타일 (td 영역)
클래스 명
- .cal_day3 { }
이미지 보기
사용 예
.cal_day3{
color:#666;
}
오늘 날짜를 표시하는 스타일 (td 영역)
클래스 명
- .cal_day4 { }
이미지 보기
사용 예
.cal_day4{
color:#000;
text-decoration:underline;
}
글을 작성한 날의 링크 스타일
클래스 명
- a.cal_click { }
이미지 보기
사용 예
a.cal_click:link {
color:#333;
font-weight:bold;
}
a.cal_click:visited {
color:#333;
font-weight:bold;
}
a.cal_click:hover {
color:#f30;
font-weight:bold;
}
