Suwaki

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-base-color

scrollbar-face-color:blue

scrollbar-face-color

scrollbar-arrow-color:blue

scrollbar-arrow-color

scrollbar-highlight-color:blue

scrollbar-highlight-color

scrollbar-shadow-color:blue

scrollbar-shadow-color

scrollbar-dark-shadow-color:blue

scrollbar-dark-shadow-color

scrollbar-3dlight-color:blue

scrollbar-3dlight-color

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.