CSS Basic

CSS HOME
CSS Introduction
CSS Syntax
CSS Id & Class
CSS How To

CSS Styling

Styling Backgrounds
Styling Text
Styling Fonts
Styling Lists
Styling Tables

CSS Box Model

CSS Box Model
CSS Border
CSS Outline
CSS Margin
CSS Padding

CSS Advanced

CSS Grouping/Nesting
CSS Dimension
CSS Display
CSS Positioning
CSS Floating
CSS Align
CSS Pseudo-class
CSS Pseudo-element
CSS Image Gallery
CSS Image Opacity
CSS Image Sprites
CSS Media Types
CSS Attribute Selectors
CSS Don't
CSS Summary

CSS Examples

CSS Quiz

CSS Quiz
CSS Exam

CSS References

CSS Reference
CSS Reference A to Z
CSS Reference Aural
CSS Web Safe Fonts
CSS Units
CSS Colors
CSS Colorvalues
CSS Colornames

CSS cursor Property

Complete CSS Reference

Example

Some different cursors:

span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}

Try it yourself »

Definition and Usage

The cursor property specifies the type of cursor to be displayed when pointing on an element.

Default value:	auto
Inherited:	yes
Version:	CSS2
JavaScript syntax:	object.style.cursor="crosshair"

Browser Support

The cursor property is supported in all major browsers.

Note: Opera 9.3 and Safari 3 do not support URL values.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Property Values

Value	Description
URL	A comma separated of URLs to custom cursors. Note: Always specify a generic cursor at the end of the list, in case none of the URL-defined cursors can be used
auto	Default. The browser sets a cursor
crosshair	The cursor render as a crosshair
default	The default cursor
e-resize	The cursor indicates that an edge of a box is to be moved right (east)
help	The cursor indicates that help is available
move	The cursor indicates something that should be moved
n-resize	The cursor indicates that an edge of a box is to be moved up (north)
ne-resize	The cursor indicates that an edge of a box is to be moved up and right (north/east)
nw-resize	The cursor indicates that an edge of a box is to be moved up and left (north/west)
pointer	The cursor render as a pointer
progress	The cursor indicates that the program is busy (in progress)
s-resize	The cursor indicates that an edge of a box is to be moved down (south)
se-resize	The cursor indicates that an edge of a box is to be moved down and right (south/east)
sw-resize	The cursor indicates that an edge of a box is to be moved down and left (south/west)
text	The cursor indicates text
w-resize	The cursor indicates that an edge of a box is to be moved left (west)
wait	The cursor indicates that the program is busy
inherit	Specifies that the value of the cursor property should be inherited from the parent element

CSS tutorial: CSS Classification

HTML DOM reference: cursor property