Accueil    CSS    Propriété scrollbar-3dlight-color
 



style css scrollbar-3dlight-color  Style CSS scrollbar-3dlight-color

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété scrollbar-3dlight-color détermine la couleur de la bordure intérieure donnant un effet de profondeur 3d. Les styles associés à la scrollbar ne sont supportés que par Internet Explorer sur les versions 8 et inférieures. Ils ne sont plus supportés depuis la version 9.

Il est cependant possible avec l'utilisation du javascript et du css de réaliser des scrollbars personnalisées. Cet article sur la mise en place de scrollbars personnalisées explique de façon détaillée comment faire.


scrollbar



Propriétés pour le style scrollbar-3dlight-color (Internet Explorer) :





propriété Description CSS
scrollbar-3dlight-color couleur de l'effet 3D du côté éclairé de la barre de scroll CSS 1


Exemple d'utilisation du style css scrollbar-3dlight-color :




Exemple de définition des styles d'une scrollbar :

<div style="width:450px; height:120px; border:dotted 1px black; overflow:auto;
   scrollbar-3dlight-color:green; scrollbar-arrow-color:red;
   scrollbar-darkshadow-color:purple; scrollbar-face-color:lightblue;
   scrollbar-highlight-color:yellow; scrollbar-shadow-color:gray;
   scrollbar-track-color:lightsteelblue;">
   scrollbar-3dlight-color:green;
   scrollbar-arrow-color:red;
   scrollbar-darkshadow-color:purple;
   scrollbar-face-color:lightblue;
   scrollbar-highlight-color:yellow;
   scrollbar-shadow-color:gray;
   scrollbar-track-color:lightsteelblue;
</div>


Exemple de définition des styles d'une scrollbar :



style :

scrollbar-3dlight-color:green;
scrollbar-arrow-color:red;
scrollbar-darkshadow-color:purple;
scrollbar-face-color:lightblue;
scrollbar-highlight-coloryellow;
scrollbar-shadow-color:gray;
scrollbar-track-color:lightsteelblue;