為div設定捲軸

當div所定義的地區的內容達到一定程度時，在div標籤裡面嵌入css樣式表，定義overflow的屬性值，設定捲軸相關的屬性。

<style tyle="text/css">
.testDiv{
   border-style: solid ;     
   border-width: 50px ;    
   border-color: pink ;

   position: absolute ; /* 位置 絕對或者相對於最近的一個元素 relative absolute */
   top:200px ;
   left:300px ;
   height:200px ; /* 定義地區的高*/
   width:300px ;
  
   /*   捲軸 */
    /*   overFlow: auto ; */ /* visible ：卻省的 hidden auto scroll */
         overFlow-x: scroll ;
       overFlow-y: hidden ;     
  
    /*   捲軸相關的顏色屬性 */
     scrollBar-face-color: green;        /* 滑塊 */
     scrollBar-hightLight-color: red;    /* 高亮 */
     scrollBar-3dLight-color: orange;    /* 3維光線 */
     scrollBar-darkshadow-color:blue;    /* 暗影    */
     scrollBar-shadow-color:yellow;      /* 陰影   */
     scrollBar-arrow-color:purple;       /* 箭頭 */
     scrollBar-track-color:black;         /* 滑道顏色 */
     scrollBar-base-color:pink;          /* 主要顏色 */
  
          
}

</style>

註：

1. overFlow:

visible    卻省值，沒有捲軸，根據內容自動擴撐地區的大小，即定義的地區無效
scroll     總是顯示捲軸
hidden   沒有捲軸，超出地區的內容不可見
auto       根據內容自動判斷是否添加捲軸

2.捲軸顏色屬性：

　　face-color：滑塊顏色
　　hightlight-color：醒目提示
　　3dlight-color：三維光線顏色
　　darkshadow-color：暗影顏色
　　shadow-color：陰影顏色
　　arrow-color：箭頭顏色
　　track-color：滑道顏色
       base-color：捲軸的主要顏色，其中包含滾動按鈕和滾動滑塊