CSS Cursor

Build a cursor keyword rule.

Outputs cursor: pointer, default, text, or grab. Unlike CSS Opacity this is a mouse cursor, not alpha. Unlike CSS Font Style this is not italic. Copy the rule in this tab.

What CSS Cursor does

Outputs cursor: pointer, default, text, or grab. Unlike CSS Opacity this is a mouse cursor, not alpha. Unlike CSS Font Style this is not italic. Copy the rule in this tab.

CSS Cursor sits in the Design group on purpose. It is not CSS Opacity (Build an opacity: 0–1 rule.) and not CSS Text Align (Build a text-align keyword rule.). Choose this page when you need Build a cursor keyword rule. If you stretch CSS Cursor into a neighbor’s job, the result will look wrong even though the site chrome looks the same.

How to use CSS Cursor

  1. Use CSS Cursor for this design job (css cursor). CSS Opacity is adjacent (Build an opacity: 0–1 rule.) but not the same.
  2. Add the file type CSS Cursor accepts. Hint from the path: css cursor. Build a cursor keyword rule.
  3. Set only the options that match CSS Cursor. Neighbor CSS Text Align does something else (Build a text-align keyword rule.). Tool note: Outputs cursor: pointer, default, text, or grab. Unlike CSS Opacity this is a mouse cursor, not alpha. Unlike CSS Font Style this is not italic. Copy the rule in this tab.
  4. Run CSS Cursor in this tab. Browser memory still applies: pointer, default, text, or grab. CSS only. Copy in this tab.
  5. Download or copy the result from CSS Cursor. If it is the wrong job, open CSS Opacity instead.

When not to use CSS Cursor

Skip CSS Cursor when a neighbor tool matches better — start with CSS Opacity or CSS Text Align — or when the description already warns the job will fail. In the tool’s own words: Outputs cursor: pointer, default, text, or grab. Unlike CSS Opacity this is a mouse cursor, not alpha. Unlike CSS Font Style this is not italic. Copy the rule in this tab.

Questions about CSS Cursor

What does CSS Cursor do that other Design pages on this site do not?
Outputs cursor: pointer, default, text, or grab. Unlike CSS Opacity this is a mouse cursor, not alpha. Unlike CSS Font Style this is not italic. Copy the rule in this tab. Short version: Build a cursor keyword rule.
Does CSS Cursor upload my file or text to Tool-You servers?
No. CSS Cursor runs in this browser tab. Files stay on the device. Limit note: pointer, default, text, or grab. CSS only. Copy in this tab.
Should I use CSS Opacity instead of CSS Cursor?
Use CSS Cursor when you need Build a cursor keyword rule. Use CSS Opacity when you need Build an opacity: 0–1 rule. They share a category (Design) but not the same job.
What are the limits of CSS Cursor?
pointer, default, text, or grab. CSS only. Copy in this tab. Also: Outputs cursor: pointer, default, text, or grab. Unlike CSS Opacity this is a mouse cursor, not alpha. Unlike CSS Font Style this is not italic. Copy the rule in this tab.