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