Cursor

Generate CSS cursor properties

The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.

The cursor setting should inform users of the mouse operations that can be performed at the current location, including: text selection, activating help or context menus, copying content, resizing tables, and so on. You can specify either the type of cursor using a keyword, or load a specific icon to use (with optional fallback images and mandatory keyword as a final fallback).

Option

pointer

Preview

Move over this element to see the cursor style.

Code

cursor: pointer;

More browser-based utilities in this collection

View all CSS Styling & Layout Generators tools→