Maison  >  Article  >  interface Web  >  Explication détaillée de scrollbar-shadow-color en CSS

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

黄舟
黄舟original
2017-07-03 11:08:361859parcourir

Syntaxe :

scrollbar-shadow-color : color

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; }

Syntaxe :

scrollbar-shadow-color:<color>

Valeur par défaut : trois ombres

Valeur :

b10fb37415d019cfffa8c4d7366c607f :

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>

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn