Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Replace media at-rule features with cssxref macro in /web/html
Search: \[`([^`]+)`\]\(/en-US/docs/Web/CSS/Reference/At-rules/(@media/[^)]+)\)
Replace: {{cssxref("$2")}}
  • Loading branch information
dipikabh committed Dec 15, 2025
commit e4abaf818a1e69ea82d58c81ad1b65f00c82c4f1
2 changes: 1 addition & 1 deletion files/en-us/web/html/reference/elements/marquee/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ sidebar: htmlsidebar

The **`<marquee>`** [HTML](/en-US/docs/Web/HTML) element is used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.

The HTML `<marquee>` element is deprecated and its use is strongly discouraged. If you must create the effect of scrolling text or continuous elements, consider using [CSS animations](/en-US/docs/Web/CSS/Guides/Animations) with [CSS transforms](/en-US/docs/Web/CSS/Guides/Transforms/Using) instead of `<marquee>` elements to smoothly animate content. Additionally, include the [`prefers-reduced-motion`](/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion) CSS {{cssxref("@media")}} query to stop the animation based on user preference, thereby improving user experience and accessibility.
The HTML `<marquee>` element is deprecated and its use is strongly discouraged. If you must create the effect of scrolling text or continuous elements, consider using [CSS animations](/en-US/docs/Web/CSS/Guides/Animations) with [CSS transforms](/en-US/docs/Web/CSS/Guides/Transforms/Using) instead of `<marquee>` elements to smoothly animate content. Additionally, include the {{cssxref("@media/prefers-reduced-motion")}} CSS {{cssxref("@media")}} query to stop the animation based on user preference, thereby improving user experience and accessibility.

## Attributes

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -63,4 +63,4 @@ Whether the light or dark color scheme is used depends on user preferences such
## See also

- {{cssxref("color-scheme")}} CSS property
- [`prefers-color-scheme`](/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-color-scheme) media query
- {{cssxref("@media/prefers-color-scheme")}} media query
Original file line number Diff line number Diff line change
Expand Up @@ -76,4 +76,4 @@ For example:

- `<meta>` `name` attribute [`color-scheme`](/en-US/docs/Web/HTML/Reference/Elements/meta/name/color-scheme) value
- {{cssxref("color-scheme")}} CSS property
- [`prefers-color-scheme`](/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-color-scheme) media query
- {{cssxref("@media/prefers-color-scheme")}} media query
2 changes: 1 addition & 1 deletion files/en-us/web/html/reference/elements/picture/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ If the {{HTMLElement("source")}}'s media condition evaluates to `false`, the bro
</picture>
```

You can swap image assets for light and dark themes using the [`prefers-color-scheme`](/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-color-scheme) media feature:
You can swap image assets for light and dark themes using the {{cssxref("@media/prefers-color-scheme")}} media feature:

```html
<picture>
Expand Down