Pour modifier les éternelles barres de scrolling grises de l'explorateurs, certaines
propriétés existent et permettent de donner des couleurs à chaque élément constituant
une barre de défilement.
Ces propriértés sont :
- scrollbar-3dlight-color
- scrollbar-arrow-color
- scrollbar-base-color
- scrollbar-darkshadow-color
- scrollbar-face-color
- scrollbar-highlight-color
- scrollbar-shadow-color
- scrollbar-track-color
scrollbar-3dlight-color : couleur de l'effet 3D du coté éclairer de la barre de scroll.
scrollbar-arrow-color : couleur de la fleche de la barre de scroll.
scrollbar-base-color : couleur globale pour toute la barre de scroll.
scrollbar-darkshadow-color : couleur de l'effet 3d du coté sombre de la barre de scroll.
scrollbar-face-color : couleur du dessus de la barre de scroll.
scrollbar-highlight-color : couleur du coté éclairer de la parre de scroll.
scrollbar-shadow-color : couleur du coté sombre de la barre de scroll.
scrollbar-track-color : couleur du support de la barre de scroll.
Graphique :
Les éléments pouvant afficher les scrollbars sont bien sur la fenêtre de l'explorateur, mais
aussi les TEXTAREA, les DIV et les SPAN (propriété overflow du style). En positionnant les
caractéristiques de la scrollbar dans la partie BODY, tous les éléments internes possédant
des scrollbars utiliseront par défaut ces paramètres.
Exemple avec une textarea :
|