Archive / Css / 스크롤바(scroll bar)

인터넷 익스플로러 5.5 이상에서만 지원되는 스크롤바에 대한 확장 속성이다. 보통은 <body> 요소에 선언을 해주지만, W3C 표준 DTD를 사용할 때에는 <html> 요소에 선언해 주어야 한다. <textarea>에도 적용가능하다.

scrollbar-base-color: #000;   /* 아래의 6가지 스타일을 하나로 통합 한것 */

scrollbar-face-color: #aaa;   /* bar 의 표면색 */
scrollbar-track-color: #aaa;   /* 스크롤 트랙의 색 */
scrollbar-highlight-color: #eee;   /* 밝게 빛나는 좌상단 모서리 */
scrollbar-3dlight-color: #aaa;   /* 좌상단 모서리 아래부분 */
scrollbar-shadow-color: #888;   /* 그림자 지는 우하단 */
scrollbar-darkshadow-color: #666;   /* 그림자 우하단 */
scrollbar-arrow-color: #333;   /* 삼각형부분 */

사용자는 자신이 사용하는 운영체제나 브라우져환경에서 제공하는 디자인에 익숙하기 때문에 사용자 컨트롤 디자인은 변경하지 않는 것이 좋다. 스크롤 바의 디자인을 임의로 변경하는 것은 사용성을 떨어뜨릴 수 있으므로 가급적이면 적용하지 않는 것이 좋다.

참고: fleXcroll: Cross Browser Custom ScrollBar script by Hesido

Page last modified on April 04, 2013, at 07:53 PM

Powered by PmWiki