<HTML>
<HEAD>
<TITLE>Výpis 14-3</TITLE>
<style>
	div { width:60%; height: 18em; overflow: auto; border:1px dashed blue; float: left; padding: .2em; margin: .2em; }
	div.c1, div.c2, div.c3 { width:10%; }
	.c1 {
           scrollbar-base-color:Navy;
	}
	.c2 {
           scrollbar-3dlight-color:red;
           scrollbar-arrow-color:blue;
           scrollbar-base-color:silver;
           scrollbar-darkshadow-color:yellow;
           scrollbar-face-color:green;
           scrollbar-highlight-color:black;
           scrollbar-shadow-color:magenta;	
	}
	.c3 {
           background-color: darksalmon;
           scrollbar-3dlight-color:lightsalmon;
           scrollbar-arrow-color:tomato;
           scrollbar-base-color:lightsalmon;
           scrollbar-darkshadow-color:lightsalmon;
           scrollbar-face-color:lightsalmon;
           scrollbar-highlight-color:darksalmon;
           scrollbar-shadow-color:lightsalmon
	}
</style>
</HEAD>
<BODY>
<div>
border: 1px solid blue;
<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="4" style="border: 1px solid blue;">
  <TR HEIGHT="50" VALIGN="TOP">
    <TD STYLE="cursor:auto">auto</TD>
    <TD STYLE="cursor:hand">hand</TD>
    <TD STYLE="cursor:move">move</TD>
    <TD STYLE="cursor:text">text</TD>
  </TR>
  <TR HEIGHT="50" VALIGN="TOP">
    <TD STYLE="cursor:wait">wait</TD>
    <TD STYLE="cursor:help">help</TD>
    <TD STYLE="cursor:default">default</TD>
    <TD STYLE="cursor:crosshair">crosshair</TD>
  </TR>
</TABLE>
<BR>

border: 1px solid blue; border-collapse: collapse;
<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="4" style="border: 1px solid blue; border-collapse: collapse;">
  <TR HEIGHT="50" VALIGN="TOP">
    <TD STYLE="cursor:w-resize">w-resize</TD>
    <TD STYLE="cursor:nw-resize">nw-resize</TD>
    <TD STYLE="cursor:n-resize">n-resize</TD>
    <TD STYLE="cursor:ne-resize">ne-resize</TD>
  </TR>
  <TR HEIGHT="50" VALIGN="TOP">
    <TD STYLE="cursor:e-resize">e-resize</TD>
    <TD STYLE="cursor:se-resize">se-resize</TD>
    <TD STYLE="cursor:s-resize">s-resize</TD>
    <TD STYLE="cursor:sw-resize">sw-resize</TD>
  </TR>
</TABLE>
</div>
<div class="c1">
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
</div>
<div class="c2">
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
</div>
<div class="c3">
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
Text Text Text Text  Text Text Text Text  Text Text Text Text 
</div>
</BODY>
</HTML>
>>>>>