滾動條的樣式說明

2021-09-30 10:05:53 字數 665 閱讀 3693

1、overflow內容溢位時的設定

overflow 水平及垂直方向內容溢位時的設定 

overflow-x 水平方向內容溢位時的設定 

overflow-y 垂直方向內容溢位時的設定

以上三個屬性設定的值為visible、scroll、hidden、auto。visible 預設值。使用該值時,無論設定的"width"和"height"

的值是多少,其中的內容無論是否超出範圍都將被強制顯示。hidden 效果與visible相反。任何超出"width"和"height"的內

容都會不可見。 

scroll 無論內容是否超越範圍,都將顯示滾動條。 

auto 當內容超出範圍時,顯示滾動條,否則不顯示。

應用:沒有水平滾動條:

test

沒有垂直滾動條 

test

沒有滾動條 

test

自動顯示滾動條

test

2、自己定義滾動條的顏色

我們一般預設的滾動條樣式如下左圖,右圖是放大了1600倍的樣子,我們可以看到滾動條有幾種言責組合的,我給他們標了7個號,

分別注釋在下面的css**的後面了,注意css的注釋**是放在兩個斜槓內的兩個星號之間,如:/*這裡放注釋的***/

body

以上2項適用與、、、

樣式 滾動條

overflow x overflow y overflow 版本 css2 相容性 ie4 ns6 繼承性 無 語法 overflow visible auto hidden scroll 引數 visible 不剪下內容也不新增滾動條。假如顯式宣告此預設值,物件將被剪下為包含物件的window或...

滾動條樣式

scrollbar face color 滾動條凸出部分的顏色 scrollbar highlight color 滾動條空白部分的顏色 scrollbar shadow color 立體滾動條陰影的顏色 scrollbar 3dlight color 滾動條亮邊的顏色 scrollbar arro...

滾動條的樣式

padding right 0px padding left 0px scrollbar face color fdfdfd padding bottom 5px scrollbar highlight color 1a8bc8 overflow auto scrollbar shadow colo...