Cursor Types With CSSes

[Total: 0    Average: 0/5]

This shows the different types of cursors that one can dictate for a given object type denoted in a style sheet.

Body Code:

<TABLE border="1" cellspacing="0" cellpadding="5" ><TR><TD>
<A HREF="#" STYLE="cursor:auto">STYLE ="cursor:auto" (uses what is set by user)</A> 
</TD></TR><TR><TD> 
<A HREF="#" STYLE="cursor:crosshair">STYLE ="cursor:crosshair" (should produce a cross)</A> 
</TD></TR><TR><TD> 
<A HREF="#" STYLE="cursor: default">STYLE ="cursor:default" (cursor remains as it is)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: e-resize">STYLE ="cursor:e-resize" (arrow pointing east)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: hand">STYLE ="cursor:hand" (the traditional pointing hand)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: help">STYLE ="cursor:help" (a question mark should appear)</A> 
</TD></TR><TR><TD> 
<A HREF="#" STYLE="cursor: move">STYLE ="cursor:move" (a cross with arrows on the tips)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: n-resize">STYLE ="cursor:n-resize" (an arrow pointing north)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: ne-resize">STYLE ="cursor:ne-resize" (an arrow pointing northeast)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: nw-resize">STYLE ="cursor:nw-resize" (an arrow pointing northwest)</A> 
</TD></TR><TR><TD> 
<A HREF="#" STYLE="cursor: pointer">STYLE ="cursor:pointer" (that hand again)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: s-resize">STYLE ="cursor:s-resize" (an arrow pointing south)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: se-resize">STYLE ="cursor:se-resize" (an arrow pointing southeast)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: sw-resize">STYLE ="cursor:sw-resize" (an arrow pointing southwest)</A> 
</TD></TR><TR><TD> 
<A HREF="#" STYLE="cursor: text">STYLE ="cursor:text" (looks like the end of an I-beam)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: w-resize">STYLE ="cursor:w-resize" (an arrow pointing west)</A> 
</TD></TR><TR><TD>
<A HREF="#" STYLE="cursor: wait">STYLE="cursor:wait" (an hourglass)</A> 
</TD></TR></TABLE>

Times Viewed: 0

Leave a Reply

Your email address will not be published. Required fields are marked *