속성값으로 사용될 윈도우 기본 글꼴
한글 지원 글꼴
굴림체, 바탕체, 궁서체, 돋움체
영문 지원 글꼴
Arial, Arial Black, Courier,
Comic Sans MS, Times New Roman,
Verdana, …
POSITION 속성
| 형식 | 기능 |
| 태그{position : static | relative | absolute} | 태그{position : static | relative | absolute} |
| 태그{visibility: visible | hidden} | 레이어 숨기기 |
|
태그{z-index: 값} |
레이어에 순서 지정 |
| 태그{clip: rect(상단, 오른쪽, 하단, 왼쪽)} |
레이어 자르기 |
Scrollbar (스크롤바) 속성
| 형식 | 기능 |
| {scrollbar-face-color: } | 움직이는 바의 전체 색을 설정 |
| {scrollbar-track-color: } | 바가 없는 아래 부분의 색을 설정 |
| {scrollbar-arrow-color: } | 화살표 버튼색을 설정 |
| {scrollbar-hightlight-color: } | 바의 왼쪽과 위쪽의 색을 설정 |
| {scrollbar-3dlight-color: } | 바의 왼쪽과 위쪽의 바탕으로 들어가는 색을 설정 |
| {scrollbar-shadow-color: } | 바의 오른쪽과 밑 그림자색을 설정 |
| {scrollbar-darkshadow-color: } | 바의 오른쪽과 밑에 들어가는 색을 설정 |
예제)
<style type="text/css">
table {
border : 1px #83D5F7 dotted ;
}
#box {
width: 180 ; height:340 ;
overflow: auto; padding : 3px ;
border : 1 solid #83D5F7 ;
font-size:9pt ; color: #208BB8 ;
line-height : 17pt ;
}
div {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #83D5F7;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #83D5F7;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color: #83D5F7 ;
}
</style>
