Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
mohamedkhallouq
GitHub Repository: mohamedkhallouq/content
Path: blob/main/files/en-us/web/svg/attribute/cursor/index.md
6546 views
---
title: cursor slug: Web/SVG/Attribute/cursor page-type: svg-attribute tags: - SVG - SVG Attribute browser-compat: svg.attributes.presentation.cursor
---

{{SVGRef}}

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 {{ cssxref("cursor","CSS cursor") }} property except that if the browser supports the {{ SVGElement("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 {{ cssxref("cursor","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

{{Compat}}

See also

  • {{ cssxref("cursor","CSS cursor") }}