Nowsze wersje Internet Explorera interpretują definicję kolorów suwaków (scrollbar), pojawiających się w oknie przeglądarki, gdy dokument jest dłuższy lub szerszy niż okno. Definicja taka została zastosowana m.in. w naszym kursie. Domyślny wygląd suwaków zależy od schematu kolorów przyjętego przez użytkownika w jego systemie. Definiowanie kolorów suwaków pozwalają zastosować kolorystykę odpowiadającą np. dominującym kolorom strony.
Definicja może dotyczyć wszystkich elementów, w których pojawiają się suwaki. Typowym użyciem jest BODY, choć może to być np. także IFRAME, SELECT czy TEXTAREA. W tym miejscu zaprezentujemy przykłady dla ciała dokumentu.
Uwaga: definicji tej nie ma w specyfikacji stylów CSS - dotyczy jedynie Internet Explorera 5.5.
Pełna definicja zawiera 7 możliwych części suwaków:
scrollbar-base-color:blue
scrollbar-face-color:blue
scrollbar-arrow-color:blue
scrollbar-highlight-color:blue
scrollbar-shadow-color:blue
scrollbar-dark-shadow-color:blue
scrollbar-3dlight-color:blue
Sprawne posługiwanie się tymi wartościami wymaga poeksperymentowania - najlepiej nadaje się do tego testowa strona na serwerze Microsoftu, gdzie obiektem jest element TEXTAREA.
Pełna definicja kolorów suwaków w naszym kursie ma postać:
body { scrollbar-3dlight-color:tan; scrollbar-arrow-color:#000000; scrollbar-base-color:black; scrollbar-dark-shadow-color:#000000; scrollbar-face-color:#008080; scrollbar-highlight-color:snow; scrollbar-shadow-color:lightblue}
W tworzeniu definicji warto się posługiwać np. zestawieniem kolorów w kursie.