Easy Tutorial
❮ Jsref Ceil Coll Table Cells ❯

Style cursor Property


Definition and Usage

The cursor property sets or returns the type of cursor, if any, to show when the mouse pointer is over an element.

Syntax

Set the cursor property:

Return the cursor property:

Value Description
auto Default. The browser sets a cursor (usually an arrow).
crosshair The cursor is displayed as a crosshair.
default The default cursor (usually an arrow).
e-resize An arrow pointing right (east), indicating that the element is resizable, and the edge of the rectangle can be moved right (east).
help An arrow with a question mark, indicating that help is available.
move A cross arrow, indicating that an object can be moved.
n-resize An arrow pointing up (north), indicating that the element is resizable, and the edge of the rectangle can be moved up (north).
ne-resize An arrow pointing northeast, indicating that the element is resizable, and the edge of the rectangle can be moved up and right (north/east).
nw-resize An arrow pointing northwest, indicating that the element is resizable, and the edge of the rectangle can be moved up and left (north/west).
pointer The cursor is displayed as a pointer (a hand) that indicates a link.
s-resize An arrow pointing down (south), indicating that the element is resizable, and the edge of the rectangle can be moved down (south).
se-resize An arrow pointing southeast, indicating that the element is resizable, and the edge of the rectangle can be moved down and right (south/east).
sw-resize An arrow pointing southwest, indicating that the element is resizable, and the edge of the rectangle can be moved down and left (south/west).
text The cursor indicates text.
url A URL of a custom cursor to be used. Tip: Always define a normal cursor at the end of the list in case none of the URL-defined cursors are available.
w-resize An arrow pointing left (west), indicating that the element is resizable, and the edge of the rectangle can be moved left (west).
wait The cursor indicates that the program is busy (usually an hourglass or a watch).

Browser Support

All major browsers support the cursor property.


Example

Change the cursor:


More Examples

More Cursors


❮ Jsref Ceil Coll Table Cells ❯