cursor
Interaction
Sets the mouse pointer shape; pointer signals that something is clickable.
| How to write it | cursor: auto; |
|---|---|
| Common values | auto, pointer, not-allowed, grab |
| Inherited | Yes — children receive it |
| Category | Interaction |
How to read this
- An inherited property only needs writing once on the parent — every child picks it up. Most text properties work this way.
- A shorthand resets whatever you leave out. Writing background: red alone also wipes a background image you set earlier.
- When rules collide, the more specific selector wins; only when specificity ties does source order decide.
- Animate transform and opacity for smoothness. Changing width or top forces the layout to be recalculated.
Frequently asked questions
Q. What is the CSS cursor property?
Sets the mouse pointer shape; pointer signals that something is clickable.
Q. How do you write cursor?
As cursor: auto; Common values include auto, pointer, not-allowed, grab.
Q. Is cursor inherited?
Yes. Set it once on the parent and every child uses the same value without repeating it.
Q. What group does cursor belong to?
The interaction group.