« SVG Attribute reference home
The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.
This attribute behaves exactly like the css cursor property except that if the browser supports the <cursor> element, you should be able to use it with the <funciri> notation.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css cursor for further information.
Usage context
| Categories | Presentation attribute |
|---|---|
| Value | [[<funciri>,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ]] | inherit |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
- <FuncIRI>
- Functional notation for a reference. The syntax for this reference is the same as the
css uri.
Elements
The following elements can use the cursor attribute
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
cursor | Chrome ? | Edge ? | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Compatibility unknown
- Compatibility unknown