Stilizzare le barre di scorrimento
I CSS permettono solo sul browser Internet Explorer di casa Microsoft, e solo dalla versione 5.5 in poi, di colorare le barre di scorrimento ottenendo cosi un gradevole effetto, rispetto a quello di default.
Vediamo un esempio che contempla tutte le parti della barra di scorrimento:
body
{
scrollbar-base-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-dark-shadow-color: #FFFFFF;
scrollbar-3d-light-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}
Ecco a cosa si riferiscono tutte le proprietà:
- scrollbar-base-color - imposta un intermezzo tra le sfumature di tutte le componenti della barra di scorrimento;
- scrollbar-face-color - colora la barra vera e propria, cioè la parte in movimento;
- scrollbar-shadow-color - colora l'ombra della barra di scorrimento vera e propria;
- scrollbar-arrow-color - colora le frecce della barra di scorrimento;
- scrollbar-highlight-color - colora il separatore tra la barra di scorrimento vera e propria e la parte della barra con le frecce;
- scrollbar-dark-shadow-color - colora la parte esterna all'ombra della barra di scorrimento vera e propria;
- scrollbar-3d-light-color - colora la parte tridimensionale della parte contenete le frecce;
- scrollbar-track-color - colora la parte sottostante della barra di scorrimento, ovvero quella su cui si muove la barra.
body
{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}
