CSS cursor styles

Posted 19 April, 2009 in Other Stuff

You can control the cursor style using the CSS ‘cursor’ property.

For example, to make a <p> use a crosshair cursor then sue the following CSS:

p {
 cursor:crosshair;
}

The following is a list of al the cursor styles. Mouse over them to see the cursor change.

  • mouse cursorauto

  • crosshair

  • default

  • pointer

  • move

  • e-resize

  • ne-resize

  • nw-resize

  • n-resize

  • se-resize

  • sw-resize

  • s-resize

  • w-resize

  • text

  • wait

  • progress

  • help

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Reddit
  • StumbleUpon
  • Twitter
  • Yahoo! Buzz

Your comment: