|
Scrollbary
CSS vlastnost scrollbar-x-color určuje barvení rolovací lišty.
X vždycky znamená pojmenování části lišty.
Co je X:
Všechny vlastnosti barvení lišty:
scrollbar-base-color
scrollbar-track-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-darkshadow-color
scrollbar-shadow-color
scrollbar-arrow-color
Scrollbar-base-color je vlastnot výjimečná, neboť určuje celý barevný nádech lišty.
Dvoubarevný track se dá nastavit docela špatně. Buďto se dá zadat jednolitou barvou (track), nebo vytónovat
pomocí scrollbar-base-color. V Internet Exploreru 6, když se nezadá barva tracku, tak track střídá po pixelech
barvu highlight a face.
Normálně je lišta šedivá, to vychází z nastavení barev operačního systému.
Nejčastěji se barvení lišty zadává pro tagy body a html. Lze ji teoreticky zadat čemukoli, co roluje: zejména
tedy tagům div s nastaveným oveflow: auto a overflow: scroll.
V Internet Exploreru nelze barvit rolovací lištu tagu <select>, protože se bere z operačního systému.
Doporučuje se raději barvit rolovací lištu méně, aby to nemátlo.
Příklad kódu:
<style>
body, html {
scrollbar-track-color: #F3F3FF;
scrollbar-face-color: #ABCAF3;
scrollbar-highlight-color: color;
scrollbar-3dlight-color: color;
scrollbar-darkshadow-color: color;
scrollbar-shadow-color: color;
scrollbar-arrow-color: #083269; }
</style>
Příklady
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
 Kód:
|
