Detailed explanation of scrollbar-shadow-color in css

黄舟
Release: 2017-07-03 11:08:36
Original
1893 people have browsed it

Syntax:

scrollbar-shadow-color : color
Copy after login

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; }
Copy after login

Syntax:

scrollbar-shadow-color:<color>
Copy after login

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>
Copy after login

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!

Related labels:
css
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template