# Cursor

Set the cursor style when hovering over an element.

**Limited availability.** This feature does not work in some of the most widely-used browsers.

Chrome 68 · Edge 79 · Firefox 27 · Safari 11 (desktop only)

| Class | Properties | Value |
|-------|------------|-------|
| `c:a` | cursor | `alias` |
| `c:as` | cursor | `all-scroll` |
| `c:auto` | cursor | `auto` |
| `c:c` | cursor | `cell` |
| `c:ch` | cursor | `crosshair` |
| `c:cm` | cursor | `context-menu` |
| `c:co` | cursor | `copy` |
| `c:cr` | cursor | `col-resize` |
| `c:d` | cursor | `default` |
| `c:er` | cursor | `ew-resize` |
| `c:g` | cursor | `grab` |
| `c:gr` | cursor | `grabbing` |
| `c:h` | cursor | `help` |
| `c:m` | cursor | `move` |
| `c:na` | cursor | `not-allowed` |
| `c:ner` | cursor | `ne-resize` |
| `c:neswr` | cursor | `nesw-resize` |
| `c:none` | cursor | `none` |
| `c:nr` | cursor | `n-resize` |
| `c:nsr` | cursor | `ns-resize` |
| `c:nwr` | cursor | `nw-resize` |
| `c:nwser` | cursor | `nwse-resize` |
| `c:p` | cursor | `pointer` |
| `c:pr` | cursor | `progress` |
| `c:rr` | cursor | `row-resize` |
| `c:ser` | cursor | `se-resize` |
| `c:sr` | cursor | `s-resize` |
| `c:swr` | cursor | `sw-resize` |
| `c:t` | cursor | `text` |
| `c:vt` | cursor | `vertical-text` |
| `c:w` | cursor | `wait` |
| `c:wr` | cursor | `w-resize` |
| `c:zi` | cursor | `zoom-in` |
| `c:zo` | cursor | `zoom-out` |

### Media Queries

Prefix a class with a breakpoint to apply it from that width up.

| Class | Properties | Value |
|-------|------------|-------|
| `c:a` | cursor | `alias` |
| `c:as` | cursor | `all-scroll` |
| `c:auto` | cursor | `auto` |
| `c:c` | cursor | `cell` |
| `c:ch` | cursor | `crosshair` |
| `c:cm` | cursor | `context-menu` |
| `c:co` | cursor | `copy` |
| `c:cr` | cursor | `col-resize` |
| `c:d` | cursor | `default` |
| `c:er` | cursor | `ew-resize` |
| `c:g` | cursor | `grab` |
| `c:gr` | cursor | `grabbing` |
| `c:h` | cursor | `help` |
| `c:m` | cursor | `move` |
| `c:na` | cursor | `not-allowed` |
| `c:ner` | cursor | `ne-resize` |
| `c:neswr` | cursor | `nesw-resize` |
| `c:none` | cursor | `none` |
| `c:nr` | cursor | `n-resize` |
| `c:nsr` | cursor | `ns-resize` |
| `c:nwr` | cursor | `nw-resize` |
| `c:nwser` | cursor | `nwse-resize` |
| `c:p` | cursor | `pointer` |
| `c:pr` | cursor | `progress` |
| `c:rr` | cursor | `row-resize` |
| `c:ser` | cursor | `se-resize` |
| `c:sr` | cursor | `s-resize` |
| `c:swr` | cursor | `sw-resize` |
| `c:t` | cursor | `text` |
| `c:vt` | cursor | `vertical-text` |
| `c:w` | cursor | `wait` |
| `c:wr` | cursor | `w-resize` |
| `c:zi` | cursor | `zoom-in` |
| `c:zo` | cursor | `zoom-out` |

### Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

| Class | Properties | Value |
|-------|------------|-------|
| `c:a` | cursor | `alias` |
| `c:as` | cursor | `all-scroll` |
| `c:auto` | cursor | `auto` |
| `c:c` | cursor | `cell` |
| `c:ch` | cursor | `crosshair` |
| `c:cm` | cursor | `context-menu` |
| `c:co` | cursor | `copy` |
| `c:cr` | cursor | `col-resize` |
| `c:d` | cursor | `default` |
| `c:er` | cursor | `ew-resize` |
| `c:g` | cursor | `grab` |
| `c:gr` | cursor | `grabbing` |
| `c:h` | cursor | `help` |
| `c:m` | cursor | `move` |
| `c:na` | cursor | `not-allowed` |
| `c:ner` | cursor | `ne-resize` |
| `c:neswr` | cursor | `nesw-resize` |
| `c:none` | cursor | `none` |
| `c:nr` | cursor | `n-resize` |
| `c:nsr` | cursor | `ns-resize` |
| `c:nwr` | cursor | `nw-resize` |
| `c:nwser` | cursor | `nwse-resize` |
| `c:p` | cursor | `pointer` |
| `c:pr` | cursor | `progress` |
| `c:rr` | cursor | `row-resize` |
| `c:ser` | cursor | `se-resize` |
| `c:sr` | cursor | `s-resize` |
| `c:swr` | cursor | `sw-resize` |
| `c:t` | cursor | `text` |
| `c:vt` | cursor | `vertical-text` |
| `c:w` | cursor | `wait` |
| `c:wr` | cursor | `w-resize` |
| `c:zi` | cursor | `zoom-in` |
| `c:zo` | cursor | `zoom-out` |