속성값으로 사용될 윈도우 기본 글꼴
한글 지원 글꼴
굴림체, 바탕체, 궁서체, 돋움체
영문 지원 글꼴
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>
'Website 세상 > Web Design' 카테고리의 다른 글
| 인풋창 태그 입력 방지 (0) | 2008.10.24 |
|---|---|
| 셀 배경 고정 (0) | 2008.10.24 |
| 스타일시트를 이용한 글씨 세로로 쓰기 (0) | 2008.09.29 |
| CI SYSTEM (0) | 2008.09.11 |
| [색상코드] 클릭해서 사용하는 색상코드 (0) | 2008.09.11 |
