search

Home  >  Article  >  Web Front-end  >  Detailed explanation of scrollbar-shadow-color in css

Detailed explanation of scrollbar-shadow-color in css

黄舟
黄舟Original
2017-07-03 11:08:361895browse

Syntax: 

scrollbar-shadow-color : color

Parameters:

color: Specify the color. Please refer to the color unit and Appendix: Color Table

Description:

Set or retrieve the dark edge (ThreedShadow) color of the scroll bar 3D interface.
See overflowproperties.
The corresponding script feature is scrollbarShadowColor. Please see other books I have written.

Example: 

div {scrollbar-shadow-color :ThreedDarkShadow; }

Syntax: 

scrollbar-shadow-color：<color>

Default value: threedshadow

Value:

< ;color>：

Specifies the color. See Color Value

Description:

Retrieves or sets the appearance color of the object scroll bar's 3d shadow border (threedshadow).

The corresponding script feature is scrollbarShadowColor.

Compatibility:

Light Green = Supported

Red = Not Supported

Dark Green = Partially Supported

Orange = Experimental

Supported version\type

IE Firefox Safari Chrome Opera

Version

6.0 4.0-6.0 5.1 13.0 11.50-11.51

Example: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS scrollbar-shadow-color_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="phpstudy.net" />
<meta name="copyright" content="www.phpstudy.net" />
<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>自定义滚动条3d阴影边框(threedshadow)的外观颜色。你将在IE浏览器下看到滚动条的3d阴影边框(threedshadow)变成红色</div>
<div>自定义滚动条3d阴影边框(threedshadow)的外观颜色。你将在IE浏览器下看到滚动条的3d阴影边框(threedshadow)变成绿色</div>
<div>自定义滚动条3d阴影边框(threedshadow)的外观颜色。你将在IE浏览器下看到滚动条的3d阴影边框(threedshadow)变成棕色</div>
</body>
</html>

The above is the detailed content of Detailed explanation of scrollbar-shadow-color in css. For more information, please follow other related articles on the PHP Chinese website!

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：css: usage and definition of scrollbar-arrow-colorNext article：css: usage and definition of scrollbar-arrow-color

Related articles

See more