Explication détaillée de scrollbar-shadow-color en CSS-tutoriel CSS-php.cn

Explication détaillée de scrollbar-shadow-color en CSS

黄舟

Libérer： 2017-07-03 11:08:36

original

1905 Les gens l'ont consulté

Syntaxe :

scrollbar-shadow-color : color

Copier après la connexion

Paramètres :

color : Spécifiez la couleur. Veuillez vous référer aux unités de couleur et à l'annexe : table des couleurs

Description :

Définir ou récupérer la couleur du bord sombre (ThreedShadow) de l'interface 3D de la barre de défilement.
Voir l'attribut débordement .
La fonctionnalité de script correspondante est scrollbarShadowColor. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

div {scrollbar-shadow-color :ThreedDarkShadow; }

Copier après la connexion

Syntaxe :

scrollbar-shadow-color：<color>

Copier après la connexion

Valeur par défaut : trois ombres

Valeur :

précise la couleur. Veuillez vous référer à la valeur de couleur

Description :

Récupérez ou définissez la couleur d'apparence de la bordure d'ombre 3D de la barre de défilement de l'objet (trois ombres). La fonctionnalité de script correspondante de

est scrollbarShadowColor.

Compatibilité :

Vert clair = pris en charge

Rouge = non pris en charge

Vert foncé = partiellement pris en charge

Orange = expérimental

Types de versions pris en charge

IE Firefox Safari Chrome Opera

Version

6.0 4.0-6.0 5.1 13.0 11.50-11.51

Exemple :

<!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>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!