Cursor Style Test Page

 
 
 
 
Useing this in the head
<STYLE>
H1 {cursor: crosshair}
</STYLE>

This is H1 and should be a Cross Hair

CSS and Cursors Styles

  <A HREF="cursor.htm"
STYLE="cursor: auto">Text</A>

  <STYLE> link {cursor: crosshair} </STYLE>
 
  1. cursor: auto (uses what is set by user)
  2. cursor: crosshair (should produce a cross)
  3. cursor: default (cursor remains as it is)
  4. cursor: e-resize (arrow pointing right)
  5. cursor: hand (the regular pointing hand)
  6. cursor: help (a Question Mark should appear)
  7. cursor: move (a cross with arrows on the tips)
  8. cursor: n-resize (an arrow pointing north or up)
  9. cursor: ne-resize (an arrow pointing northeast)
  10. cursor: nw-resize (an arrow pointing northwest)
  11. cursor: pointer (the pointing hand like in hand)
  12. cursor: s-resize (an arrow pointing south or down)
  13. cursor: se-resize (an arrow pointing southeast)
  14. cursor: sw-resize (an arrow pointing southwest)
  15. cursor: text (shaped like the end of an I-beam)
  16. cursor: w-resize (an arrow pointing west)
  17. cursor: wait (shaped like an hourglass)

 
 
 

My HomePage

Last Modified on: