cursor

The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element.

[!NOTE] As a presentation attribute, cursor also has a CSS property counterpart: {{cssxref("cursor")}}. When both are specified, the CSS property takes priority.

Usage context

<table class="properties"> <tbody> <tr> <th scope="row">Categories</th> <td>Presentation attribute</td> </tr> <tr> <th scope="row">Value</th> <td> [ [ <a href="/en-US/docs/Web/SVG/Guides/Content_type#funciri">&#x3C;FuncIRI></a >, ]* [ <strong>auto</strong> | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ]] | inherit </td> </tr> <tr> <th scope="row">Animatable</th> <td>Yes</td> </tr> </tbody> </table>

Elements

The following elements can use the cursor attribute

• Container elements
• Graphics elements

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

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