블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
반응형

Category

Recent Post

Recent Comment

Archive

2009. 7. 28. 15:46 .Net Project/CSS 2.0
반응형

※ ScrollBarStyle은  파이어폭스에서 볼 수 없습니다. 인터넷 익스플로러(IE)에서만
    제대로 보입니다.

CSS로 웹브라우저 스크롤바(Scrollbar)의 색상을 변경할 수 있지만, 웹표준이 아니기에 파이어폭스에서는 보이지 않습니다.
파이어폭스는 이 스크롤바 속성을 그냥 무시해 버립니다.
충돌하거나 문제가 생기는 일은 없습니다.

웹브라우저(IE)에 나타나는 모든 스크롤바의 색깔을, 전체적으로 혹은 개별적으로
바꿀 수 있습니다.

이러한점 유의 하시고, 자기만의 스타일에 맞도록 스크롤바 속성을 변경을 할 수 있습니다..

(아래의 링크를 통해 스크롤바를 맘대루 바꿔보세요)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>18.Scroll Bar Style</title>
    <style type="text/css">

body{
       
    scrollbar-3dlight-color:aqua;
            scrollbar-arrow-color:aqua;
            scrollbar-base-color:darksalmon;
            scrollbar-darkshadow-color:blue;
            scrollbar-face-color:chartreuse;
            scrollbar-highlight-color:lightsalmon;
            scrollbar-shadow-color:magenta;

       }
</style>

</head>

<body>
        
<textarea cols="40" rows="4"></textarea>
</body>
</html>
 


 

반응형

'.Net Project > CSS 2.0' 카테고리의 다른 글

21장 이미지 스타일  (0) 2009.07.29
20장 목록관련스타일  (0) 2009.07.29
17장 LinkStyle  (0) 2009.07.28
16장 CusorStyle  (0) 2009.07.28
15장 배경 관련 스타일  (0) 2009.07.28
posted by Magic_kit