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.
| 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) |
The following elements can use the cursor attribute
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
cursor |
No | No | No | No | No | No | No | No | No | No | No | No |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/cursor