Help:Cursor

A Cursor is the pointer that indicates the current position of the mouse (or other device) on the screen.

This indicator can have its appearance changed a little if you want to bring attention to specific text or to a specific area when the cursor moves over that text or area.

Step by step
In order to change the look of the cursor you can style the text with span tags than contain the cursor parameter:



So, for example:



Results in:


 * Mouse-over me to see the cursor!

Additional styles

 * 1) style="cursor:auto;", style="cursor:default;" or style="cursor:text;" will produce this:
 * Mouse-over me to see the cursor.
 * 1) style="cursor:crosshair;" will produce this:
 * Mouse-over me to see the cursor.
 * 1) style="cursor:move;" will produce this:
 * Mouse-over me to see the cursor.
 * 1) style="cursor:pointer;" will produce this:
 * Mouse-over me to see the cursor.
 * 1) style="cursor:progress;" will produce this:
 * Mouse-over me to see the cursor.
 * 1) style="cursor:wait;" will produce this:
 * Mouse-over me to see the cursor.

For re-size arrows you would use the following:
 * 1) style="cursor:e-resize;" or style="cursor:w-resize;" will produce this:
 * Mouse-over me to see the cursor.
 * 1) style="cursor:n-resize;" or style="cursor:s-resize;" will produce this:
 * Mouse-over me to see the cursor.
 * 1) style="cursor:ne-resize;" or style="cursor:sw-resize;" will produce this:
 * Mouse-over me to see the cursor.
 * 1) style=cursor:"nw-resize;" or style=cursor:"se-resize;" will produce this:
 * Mouse-over me to see the cursor.

It is generally best to stick to these standard pointers, although it is possible to add custom cursors. If you do this, be sure to choose carefully and check it is easy for people to see what the custom cursor is pointing to

Further help & feedback
fr:Aide:Curseur pl:Pomoc:Kursor zh:Help:鼠標 pt:Ajuda:Cursor