cursor
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) |
Elements
The following elements can use the cursor attribute
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
cursor |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
? |
See also
© 2005–2021 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