CSS 4.2.4参考手册
目录搜索
提交中...

©
本文档使用 php.cn手册 发布

文字
分享

语法：

scrollbar-shadow-color：<color>

默认值：threedshadow

适用于：除table系外的所有块级元素

继承性：有

动画性：是

计算值：指定值

取值：

  • <color>：指定颜色。

说明：

检索或设置对象滚动条3d阴影边框(threedshadow)的外观颜色。

  • 对应的脚本特性为scrollbarShadowColor。

兼容性：

ValuesIE
Basic Support6.0+

示例：

实例

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

32

33

34

35

36

37

38

39

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>scrollbar-shadow-color_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<style>

div{overflow:scroll;width:200px;height:100px;margin-top:20px;}

.test{scrollbar-shadow-color:#f00;}

.test2{scrollbar-shadow-color:#080;}

.test3{scrollbar-shadow-color:#630;}

</style>

</head>

<body>

<div class="test">自定义滚动条3d阴影边框(threedshadow)的外观颜色。你将在IE浏览器下看到滚动条的3d阴影边框(threedshadow)变成红色</div>

<div class="test2">自定义滚动条3d阴影边框(threedshadow)的外观颜色。你将在IE浏览器下看到滚动条的3d阴影边框(threedshadow)变成绿色</div>

<div class="test3">自定义滚动条3d阴影边框(threedshadow)的外观颜色。你将在IE浏览器下看到滚动条的3d阴影边框(threedshadow)变成棕色</div>

</body>

</html>

            <!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>scrollbar-shadow-color_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<style>

div{overflow:scroll;width:200px;height:100px;margin-top:20px;}

.test{scrollbar-shadow-color:#f00;}

.test2{scrollbar-shadow-color:#080;}

.test3{scrollbar-shadow-color:#630;}

</style>

</head>

<body>

<div class="test">自定义滚动条3d阴影边框(threedshadow)的外观颜色。你将在IE浏览器下看到滚动条的3d阴影边框(threedshadow)变成红色</div>

<div class="test2">自定义滚动条3d阴影边框(threedshadow)的外观颜色。你将在IE浏览器下看到滚动条的3d阴影边框(threedshadow)变成绿色</div>

<div class="test3">自定义滚动条3d阴影边框(threedshadow)的外观颜色。你将在IE浏览器下看到滚动条的3d阴影边框(threedshadow)变成棕色</div>

</body>

</html>

            


运行实例 »

点击 "运行实例" 按钮查看在线实例

上一篇：scrollbar-highlight-color下一篇：scrollbar-arrow-color