CSS Tutorial
CSS - Introduction CSS - How CSS works? CSS - Syntax CSS - Colors CSS - Backgrounds CSS - Borders CSS - Margins CSS - Padding CSS - Height/Width CSS - Box Model CSS - Text CSS - Fonts CSS - Icons CSS - Cursor CSS - Outline CSS - Links CSS - Lists CSS - Tables CSS - Display CSS - Overflow CSS - Position CSS - Float CSS - Align CSS - Opacity CSS - Combinator CSS - Pseudo Classes CSS - Pseudo Elements CSS - Attribute Selector CSS - Buttons CSS - Pagination CSS - Navigation Bar CSS - Dropdowns CSS - Specificity CSS - Transition
CSS Advanced
CSS - Rounded Corners CSS - Border Image CSS - Background CSS - Gradients CSS - Shadow CSS - Text Effects CSS - 2D Transform CSS - 3D Transform CSS - Animation CSS - Object-fit CSS - Box Sizing CSS - Filters CSS - Style Images CSS - Variables CSS - Media Queries CSS - Flexbox Layout CSS - Grid Layout
CSS Responsive
RWD - Introduction RWD - Grid View RWD - Media Queries RWD - Images
CSS References
CSS - Reference CSS - Selectors CSS - Functions CSS - Units CSS - Animatable CSS - Entities

CSS Cursor Property

The cursor property specifies the type of cursor to be displayed when the mouse pointer is placed over an element.

Run code

Property Values

The cursor property can have the following values:

Value Description
auto The browser determines the cursor (This is default)
alias Indicates that an alias or shortcut is to be created
all-scroll Indicates that something can be scrolled in any direction
cell Indicates that a cell (or set of cells) can be selected
context-menu Indicates that a context-menu is available
col-resize Indicates that the column can be resized horizontally
copy Indicates something is to be copied
crosshair A simple crosshair. Often used to indicate selection in a bitmap
default The default cursor for the platform, without regard for the context, typically an arrow
e-resize Indicates that an edge of a box is to be moved right (east)
ew-resize Indicates a bidirectional resize cursor
grab Indicates that something can be grabbed
grabbing Indicates that something is being grabbed
help Indicates that help is available
move Indicates something is to be moved
n-resize Indicates that an edge of a box is to be moved up (north)
ne-resize Indicates that an edge of a box is to be moved up and right (north/east)
nesw-resize Indicates a bidirectional resize cursor
ns-resize Indicates a bidirectional resize cursor
nw-resize Indicates that an edge of a box is to be moved up and left (north/west)
nwse-resize Indicates a bidirectional resize cursor
no-drop Indicates that the dragged item cannot be dropped here
none No cursor is rendered
not-allowed Indicates that the requested action will not be executed
pointer A cursor that indicates a link, typically a hand with an extended index finger
progress A progress indicator. The program is performing some processing but the user can still interact with the interface
row-resize Indicates that the row can be resized vertically
s-resize Indicates that an edge of a box is to be moved down (south)
se-resize Indicates that an edge of a box is to be moved down and right (south/east)
sw-resize Indicates that an edge of a box is to be moved down and left (south/west)
text Indicates text that may be selected
url(URL) A comma separated list of URLs to user-defined cursors
vertical-text Indicates vertical-text that may be selected
w-resize Indicates that an edge of a box is to be moved left (west)
wait Indicates that the program is busy
zoom-in Indicates that something can be zoomed in
zoom-out Indicates that something can be zoomed out
initial Sets this property to its default value
inherit Inherits this property from its parent element