Example

A simple cursor property example:

Laboratory

description & Usage

We use the cursor to display the mouse cursor when it moves.

Informations

# Description
Default Value auto
Inherited yes
Animatable no
Version CSS2
JavaScript syntax object.style.cursor="crosshair"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
cursor

Syntax

Values

Values Description
alias The cursor indicates an alias of something is to be created.
all-scroll Enables all directions to move.
auto By default, it sets the cursor.
cell The cursor indicates that one or more cells are selected.
col-resize Resize the column horizontally..
context-menu Makes a menu available in context.
copy It is used to indicate the part to be copied.
crosshair It causes the cursor to be shown to the user as a cross.
default The default cursor
e-resize The cursor indicates that one edge of the box should move to the right (east).
ew-resize It makes the changes bidirectional.
grab To get one thing.
grabbing It is used to capture several things.
help Used to show in help.
move It is used to show the displacement of an object.
n-resize The cursor indicates that the edge of a box should be moving towards the north.
ne-resize
nesw-resize Indicates a bidirectional resize cursor
ns-resize It indicates the size change of two sides or two directions.
nw-resize The cursor indicates that the edge of a box should be moving towards the northwest.
nwse-resize It indicates the size change of two sides or two directions.
no-drop It shows that we cannot drop the item we have drawn in that section.
none The corresponding tag is without a cursor.
not-allowed Cursor supports not executing a requested function.
pointer Shows a cursor link.
progress The cursor shows that the program is running.
row-resize Indicates that the cursor has set the size of the rows vertically.
s-resize The cursor indicates that the edge of a box should be moving south.
se-resize The cursor indicates that the edge of a box should be moving to the southeast.
sw-resize The cursor indicates that the edge of a box should be moving towards the southwest.
text The cursor shows the text that is selected.
URL Displays a comma-separated list of web links.
vertical-text Shows the selected vertical text.
w-resize The cursor indicates that the edge of a box should be moving towards the west.
wait The cursor shows that the corresponding program is currently busy.
zoom-in It is used by the user to zoom in on an object.
zoom-out It is used by the user to zoom out.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.