Skip to content

Conversation

@asummers1
Copy link
Contributor

@asummers1 asummers1 commented Jan 5, 2026

Description

I've added an interactive pointer example to this page, because I think it's one of the more common usages of cursor.

Motivation

Adding a cursor: pointer example makes it quicker for readers to learn about and use this CSS property.

Additional details

Related issues and pull requests

@asummers1 asummers1 requested a review from a team as a code owner January 5, 2026 21:49
@asummers1 asummers1 requested review from chrisdavidmills and removed request for a team January 5, 2026 21:49
@github-actions github-actions bot added Content:CSS Cascading Style Sheets docs size/xs [PR only] 0-5 LoC changed labels Jan 5, 2026
@asummers1 asummers1 changed the title Update index.md Added interactive example Jan 5, 2026
@github-actions
Copy link
Contributor

github-actions bot commented Jan 5, 2026

Preview URLs

Flaws (53)

URL: /en-US/docs/Web/CSS/Reference/Properties/cursor
Title: cursor
Flaw count: 53

  • broken_links:
    • Link /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#brackets is a redirect
    • Link /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#brackets is a redirect
    • Link /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#asterisk is a redirect
    • Link /en-US/docs/Web/CSS/CSS_values_and_units/Value_definition_syntax#brackets is a redirect
    • Link /en-US/docs/Web/CSS/url is a redirect
    • and 43 more flaws omitted
  • macros:
    • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_cascade/Value_processing which is a redirect
    • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_cascade/Inheritance which is a redirect
    • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_cascade/Value_processing which is a redirect
    • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_animated_properties which is a redirect
    • Macro cssinfo produces link /en-US/docs/Web/CSS/url which is a redirect

(comment last updated: 2026-01-07 10:49:57)

Copy link
Contributor

@chrisdavidmills chrisdavidmills left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @asummers1, and thank you for your contribution!

I agree that this is a worthy addition — pointer is definitely one of the most commonly used cursor values.

One issue created by your addition is that, in the rendered page, the interactive example choices are now a bit squashed, and a scroll bar is now rendered (you can see this in the generated live preview link). I wondered if you would consider removing another, less commonly-used value choice, maybe grab?

@github-actions github-actions bot added size/s [PR only] 6-50 LoC changed and removed size/xs [PR only] 0-5 LoC changed labels Jan 6, 2026
@asummers1
Copy link
Contributor Author

@chrisdavidmills Updated, thanks!

Copy link
Contributor

@chrisdavidmills chrisdavidmills left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Perfect, thanks @asummers1. Let's get this merged.

@chrisdavidmills chrisdavidmills merged commit 466df2f into mdn:main Jan 7, 2026
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Content:CSS Cascading Style Sheets docs size/s [PR only] 6-50 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants