Selainpalkin väri

Selainpalkin värin vaihtaminenr ei kuulu viralliseen, W3C:n hyväksymään, CSS1- tai CSS2 -standardiin. Joissakin sivuilla väitetään virheellisesti tämän ominaisuuden kuuluvan CSS2 määrittelyyn, vaikka näin ei siis ole! Selainpalkin värin määritteet toimivat vain Microsoftin selaimissa versiosta 5.5 lähtien.

Selainpalkin väri?

Sealaimen vierityspalkin eli selainpalkin värin vaihtaminen on epästandardin mukainen CSS-sääntö. Kyseinen sääntö kertoo selaimen vierityspalkin käytttämän värit. Määritys kannattaa antaa suoraan <BODY> -elementille, josta se periytyy myös kaikille muille elementeille jossa on vierityspalkki, kuten lomakkeet ja tasot.

Syntaksi:

body {
SCROLLBAR-FACE-COLOR: väri;
SCROLLBAR-HIGHLIGHT-COLOR: väri;
SCROLLBAR-SHADOW-COLOR: väri;
SCROLLBAR-3DLIGHT-COLOR: väri;
SCROLLBAR-ARROW-COLOR: väri;
SCROLLBAR-TRACK-COLOR: väri;
SCROLLBAR-DARKSHADOW-COLOR: väri
}

väri: keywords tai rgb-arvo (esim. punainen voi olla red rai #FF0000)

Selite

Alla lyhyt selite mitä eri kohdat tarkoittavat. Helpoin tapa tutustua niihin on kokeilla eri väri yhdistelmiä itse.

SCROLLBAR-FACE-COLOR: vierityspalkin värin.
SCROLLBAR-HIGHLIGHT-COLOR: vierityspalkin vaalean korostuksen väri
SCROLLBAR-SHADOW-COLOR: vierityspalkin varjon väri
SCROLLBAR-3DLIGHT-COLOR: 3D palkin värin määritys
SCROLLBAR-ARROW-COLOR: vierityspalkin päissä olevien nuolien väri
SCROLLBAR-TRACK-COLOR: vierityspalkin taustan väri
SCROLLBAR-DARKSHADOW-COLOR: vierityspalkin varjostuksen väri

Esimerkki:

Alla näet tämän sivun vierityspalkin käyttämän CSS-määrittelyn ja IE 5.5 selaimesta otetun kuvakaappauksen:

body {
SCROLLBAR-FACE-COLOR: #E9967A;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: black;
SCROLLBAR-3DLIGHT-COLOR: #E9967A;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #F5F5F5;
SCROLLBAR-DARKSHADOW-COLOR: black
}
Kuvakaappaus IE 5.5:n selainpalkista

<<Alkuun

© Petteri Perälä 2001-2002.
E-mail: [ petepe@mbnet.fi ].