알자 !

※※ scrollbar 속성은 MSIE 5.5 이상 버전부터 지원됩니다. 사용하시는 브라우저의 버전정보는 [ ] 입니다. 마이크로스프트 인터넷 익스플로러 5.5 이상에서는 현재 문서의 스크롤바 모양이 아래에 지정한 색상으로 나타납니다. ( style 속성에서 "scrollbar" 와 관련된 속성들은 일반적으로 "body" 태그와 관련됩니다. 따라서 body 태그에 적용시킵니다. 만약 일반 태그에서 "overflow" 속성에 "scroll" 을 할당했다면 역시 일반 태그에서도 적용됩니다. )

소스분석


<STYLE TYPE='text/css'>
   body { 
	  scrollbar-face-color: white;        >> 스크롤바의 표면 색상 
	  scrollbar-shadow-color: black;      >> 스크롤바의 그림자 부분 색상 
	  scrollbar-highlight-color: white;   >> 스크롤바의 왼쪽 부분 색상 
	  scrollbar-3dlight-color: black;     >> 음각이 있는 부분의 색상 
	  scrollbar-darkshadow-color: white;  >> 스크롤바 그림자부분 옆으 색상 
	  scrollbar-track-color: white;       >> 스크롤바 트랙의 색상 
	  scrollbar-arrow-color: black        >> 스크롤바 위치이동 화살표의 색상 
	}      
  </STYLE>

<body>

<textarea rows="5" cols="50">
스크롤 속성 테스트

현재 텍스트 영역의 스크롤 바의 모양이 아래의 지정대로 보이면 올바로 적용이 되고 있습니다.

.................................................
.................................................
.................................................

</textarea>


 ! 본문의 스크롤바가 생기게 하기 위해서 아래처럼 <br> 태그를 추가합니다.

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

 ! body 태그에 적용한 스크롤 속성으로 인해서 textarea 태그에도 적용이 되고 있습니다.
   만약 textarea 에만 적용을 원하면 위의 body 를 textarea 로 적어주면 됩니다.
   즉, 
   <style>
   textarea
    {
      scrollbar-face-color: white;  
      .....
    }
   </style>

<이전 목록 다음>