fix: auto-cleanup by bot (mdn#42680)

mdn-bot · Josh-Cena · web-flow · commit f8ef875113a7 · 2026-01-07T20:40:09.000-05:00
* chore: auto-fix Markdownlint, Prettier, and front-matter issues

* Fix more

* Fix typos

---------

Co-authored-by: Joshua Chen &lt;sidachen2003@gmail.com&gt;
diff --git a/.vscode/dictionaries/code-entities.txt b/.vscode/dictionaries/code-entities.txt
@@ -325,6 +325,7 @@ jssidebar
 jsval
 kaios
 kawi
+kdeglobals
 kerx
 Key_Codeinput
 KEY_dead_abovecomma
@@ -360,6 +361,7 @@ KIND_NONHEAP
 knda
 Kore
 krai
+kwriteconfig
 lanatham
 laoo
 largeop
diff --git a/files/en-us/games/techniques/control_mechanisms/other/index.md b/files/en-us/games/techniques/control_mechanisms/other/index.md
@@ -157,7 +157,7 @@ If you want to go completely bananas you can use [Makey Makey](https://makeymake
 
 Check out the [banana piano video](https://www.youtube.com/watch?v=_DWQ6ce2Ags), and be sure to visit the [quick start guide](https://learn.sparkfun.com/tutorials/makey-makey-quickstart-guide) for all the needed info.
 
-There's even a [Cylon.js-supported Makey Button functionality](https://cylonjs.com/documentation/drivers/makey-button/) inspired by the Makey Makey board, so you can use the popular Cylon robotics framework for your experiments with Arduino or Raspberry Pi. Connecting the boards and using them may look like this:
+There's even a Cylon.js-supported Makey Button functionality inspired by the Makey Makey board, so you can use the popular Cylon robotics framework for your experiments with Arduino or Raspberry Pi. Connecting the boards and using them may look like this:
 
 ```js
 const Cylon = require("cylon");
diff --git a/files/en-us/glossary/adobe_flash/index.md b/files/en-us/glossary/adobe_flash/index.md
@@ -12,7 +12,7 @@ sidebar: glossarysidebar
 - [Flash](https://en.wikipedia.org/wiki/Adobe_Flash) on Wikipedia
 - [Adobe Flash Player](https://en.wikipedia.org/wiki/Adobe_Flash_Player) on Wikipedia
 - [Adobe Flash end-of-life announcement](https://www.adobe.com/products/flashplayer/end-of-life-alternative.html)
-  - Chrome: [Saying goodbye to Flash in Chrome](https://blog.google/products/chrome/saying-goodbye-flash-chrome/)
+  - Chrome: [Saying goodbye to Flash in Chrome](https://blog.google/products-and-platforms/products/chrome/saying-goodbye-flash-chrome/)
   - Firefox: [Firefox Roadmap for Flash End-of-Life](https://blog.mozilla.org/futurereleases/2017/07/25/firefox-roadmap-flash-end-life/)
   - Safari: [Adobe Announces Flash Distribution and Updates to End](https://webkit.org/blog/7839/adobe-announces-flash-distribution-and-updates-to-end/)
   - Edge: [The End of an Era – Next Steps for Adobe Flash](https://blogs.windows.com/msedgedev/2017/07/25/flash-on-windows-timeline/)
diff --git a/files/en-us/learn_web_development/core/accessibility/what_is_accessibility/index.md b/files/en-us/learn_web_development/core/accessibility/what_is_accessibility/index.md
@@ -176,6 +176,6 @@ This article should have given you a useful high-level overview of accessibility
   - [Understandable](/en-US/docs/Web/Accessibility/Guides/Understanding_WCAG/Understandable)
   - [Robust](/en-US/docs/Web/Accessibility/Guides/Understanding_WCAG/Robust)
 
-- [Google Chrome released an auto-captioning extension](https://blog.google/products/chrome/live-caption-chrome/)
+- [Google Chrome released an auto-captioning extension](https://blog.google/products-and-platforms/products/chrome/live-caption-chrome/)
 
 {{NextMenu("Learn_web_development/Core/Accessibility/Tooling", "Learn_web_development/Core/Accessibility")}}
diff --git a/files/en-us/mdn/community/pull_requests/index.md b/files/en-us/mdn/community/pull_requests/index.md
@@ -198,6 +198,5 @@ Once the reviewer mentioned in the description has approved the changes, they wi
 Reviewers are encouraged to read the following articles for help with common tasks:
 
 - [The Art of Closing](https://blog.jessfraz.com/post/the-art-of-closing/) explains how to close an unfinished or rejected pull request
-- [Kindness and Code Reviews: Improving the Way We Give Feedback](https://product.voxmedia.com/2018/8/21/17549400/kindness-and-code-reviews-improving-the-way-we-give-feedback) gives useful hints to give feedback
 - [Code Review Guidelines for the Reviewer](https://phauer.com/2018/code-review-guidelines/#code-reviews-guidelines-for-the-reviewer) provides examples of good and bad feedback
 - [How to do a code review](https://google.github.io/eng-practices/review/reviewer/) on google.github.io/eng-practices
diff --git a/files/en-us/mozilla/firefox/releases/147/index.md b/files/en-us/mozilla/firefox/releases/147/index.md
@@ -103,7 +103,7 @@ Firefox 147 is the current [Beta version of Firefox](https://www.firefox.com/en-
 
 #### WebDriver BiDi
 
-- Implemented the `input.fileDialogOpened` event, which is emitted whenever a filepicker is triggered by the content page, for instance after clicking on an input with `type="file"`. ([Firefox bug 1855045](https://bugzil.la/1855045)).
+- Implemented the `input.fileDialogOpened` event, which is emitted whenever a file picker is triggered by the content page, for instance after clicking on an input with `type="file"`. ([Firefox bug 1855045](https://bugzil.la/1855045)).
 - Implemented the `emulation.setScreenSettingsOverride` command to allow clients to emulate the screen dimensions for a list of browsing contexts or user contexts. ([Firefox bug 2000651](https://bugzil.la/2000651)).
 - Fixed an issue where `browsingContext.navigate` with `wait=none` didn't always contain the real target URL. ([Firefox bug 2004191](https://bugzil.la/2004191)).
 - Updated `script.evaluate` and `script.callFunction` to bypass Content Security Policy (CSP). ([Firefox bug 1941780](https://bugzil.la/1941780)).
diff --git a/files/en-us/web/api/serviceworkercontainer/register/index.md b/files/en-us/web/api/serviceworkercontainer/register/index.md
@@ -99,7 +99,7 @@ This ensures that only one service worker runs for each document.
 
 ### Security considerations
 
-The `scriptURL` parameter specifies the script for the service worker, which can intercept network requests for pages within its scope and return respones that are fresh, cached, new, or modified.
+The `scriptURL` parameter specifies the script for the service worker, which can intercept network requests for pages within its scope and return responses that are fresh, cached, new, or modified.
 If the input is provided by a user, this is a possible vector for [cross-site scripting (XSS)](/en-US/docs/Web/Security/Attacks/XSS) attacks.
 
 It is extremely risky to accept and execute arbitrary URLs from untrusted origins.
@@ -162,7 +162,7 @@ const trustedScriptURL = policy.createScriptURL(untrustedScript);
 We can now pass the `TrustedScriptURL` object into `register()`:
 
 ```js
-navigator.serviceWorker.register(trustedScriptURL).
+navigator.serviceWorker.register(trustedScriptURL);
 ```
 
 ### Register a service worker with default scope
diff --git a/files/en-us/web/api/svganimatedstring/baseval/index.md b/files/en-us/web/api/svganimatedstring/baseval/index.md
@@ -9,7 +9,7 @@ browser-compat: api.SVGAnimatedString.baseVal
 {{APIRef("SVG")}}
 
 > [!WARNING]
-> The [`baseVal`](/en-US/docs/Web/API/SVGAnimatedString/baseVal) property can be used to set the non-animated value of a reflected attribute.
+> The `baseVal` property can be used to set the non-animated value of a reflected attribute.
 > In the case of {{domxref("SVGScriptElement/href","SVGScriptElement.href.baseVal")}} this property represents the URL of an external script loaded into the SVG script element.
 > APIs like this are known as [injection sinks](/en-US/docs/Web/API/Trusted_Types_API#concepts_and_usage), and are potentially a vector for [cross-site scripting (XSS)](/en-US/docs/Web/Security/Attacks/XSS) attacks.
 >
@@ -24,7 +24,7 @@ This is the value of the reflected attribute before any animations are applied.
 
 Getting the property returns a string that represents the non-animated value of the reflected attribute, if it has been set.
 If the reflected attribute is not specified but has an alternative deprecated version that has been set, then its value will be returned instead.
-If neither reflected attribute is set, then the property will return an iniital value for the reflected attribute if one exists, and otherwise the empty string (`""`).
+If neither reflected attribute is set, then the property will return an initial value for the reflected attribute if one exists, and otherwise the empty string (`""`).
 
 The property must be set to a {{domxref("TrustedScriptURL")}} if the reflected attribute's element is an {{domxref("SVGScriptElement")}} and [Trusted Types](/en-US/docs/Web/API/Trusted_Types_API) are [enforced by a CSP](/en-US/docs/Web/API/Trusted_Types_API#using_a_csp_to_enforce_trusted_types).
 For all other cases, the value can be a string (or an object that can be resolved to a string).
diff --git a/files/en-us/web/css/guides/anchor_positioning/using/index.md b/files/en-us/web/css/guides/anchor_positioning/using/index.md
@@ -166,7 +166,7 @@ body {
 
 .scoped {
   padding: 20px;
-  background: #eee;
+  background: #eeeeee;
 }
 
 .anchor {
diff --git a/files/en-us/web/css/reference/properties/anchor-scope/index.md b/files/en-us/web/css/reference/properties/anchor-scope/index.md
@@ -33,7 +33,7 @@ anchor-scope: unset;
   - : No anchor scope limiting happens on an element. This is the default value.
 - `all`
   - : Sets the scope so that _any_ `anchor-name` values set in the subtree can only be bound to by positioned elements in the same subtree.
-- {{cssxref("dashed-ident")}}#
+- {{cssxref("dashed-ident", "&lt;dashed-ident&gt;#")}}
   - : One or more comma-separated {{cssxref("dashed-ident")}}s representing anchor names. Sets the scope so that the specified `anchor-name` values, when set in the subtree, can only be bound to by positioned elements in the same subtree.
 
 ## Description
@@ -100,7 +100,7 @@ To test this out, we declare the `anchor` `<div>` as an anchor element by settin
 ```css hidden live-sample___basic-usage
 .scoped {
   padding: 20px;
-  background: #eee;
+  background: #eeeeee;
 }
 
 .anchor {
@@ -181,8 +181,8 @@ Finally, we include a {{htmlelement("form")}} containing three different [`<inpu
 
     <input type="radio" id="all" name="scope" value="all" checked />
     <label for="all"><code>all</code></label>
-    <input type="radio" id="--my-anchor" name="scope" value="--my-anchor" />
-    <label for="--my-anchor"><code>--my-anchor</code></label>
+    <input type="radio" id="my-anchor" name="scope" value="--my-anchor" />
+    <label for="my-anchor"><code>--my-anchor</code></label>
     <input type="radio" id="none" name="scope" value="none" />
     <label for="none"><code>none</code></label>
   </fieldset>
@@ -203,8 +203,8 @@ body {
 
 .scoped {
   padding: 20px;
-  background: #eee;
-  border: 2px solid #ddd;
+  background: #eeeeee;
+  border: 2px solid #dddddd;
   border-radius: 10px;
   width: 100px;
   height: 100px;
@@ -225,7 +225,7 @@ body {
   border-radius: 3px;
   width: fit-content;
   padding: 3px 6px;
-  box-shadow: 3px 3px 3px rgba(0 0 0 / 0.2);
+  box-shadow: 3px 3px 3px rgb(0 0 0 / 0.2);
 }
 
 form {
diff --git a/files/en-us/web/css/reference/properties/animation-timeline/index.md b/files/en-us/web/css/reference/properties/animation-timeline/index.md
@@ -325,8 +325,8 @@ In this example, we demonstrate how to create and apply a named view progress ti
 Our HTML includes a lot of text in a container within a scroller, which we've hidden for brevity. In the middle of the wall of text, we include two `<div>` elements that we will animate based on the visibility of the element itself in the first case and based on the visibility of its parent in the second case:
 
 ```html live-sample___named_view
-<div class="animatedElement self">SELF</div>
-<div class="animatedElement parent">PARENT</div>
+<div class="animated-element self">SELF</div>
+<div class="animated-element parent">PARENT</div>
 ```
 
 ```html-nolint hidden live-sample___named_view
@@ -349,7 +349,7 @@ Our HTML includes a lot of text in a container within a scroller, which we've hi
 We create a keyframe animation that changes the opacity and scale of the element, and apply it to both animated elements:
 
 ```css live-sample___named_view
-@keyframes animationEffect {
+@keyframes animation-effect {
   0% {
     opacity: 0;
     scale: 0;
@@ -360,23 +360,23 @@ We create a keyframe animation that changes the opacity and scale of the element
   }
 }
 
-.animatedElement {
-  animation: animationEffect 1ms linear;
+.animated-element {
+  animation: animation-effect 1ms linear;
 }
 ```
 
 The `self` element is explicitly named as the scroller for itself by setting the `view-timeline-name` property to a `<dashed-ident>` and also setting that `<dashed-ident>` name as the value of the `animation-timeline` property. In the `parent` case, we set the `container` as the scroller for the animated element:
 
 ```css live-sample___named_view
 .self {
-  view-timeline-name: --selfScrollerElement;
-  animation-timeline: --selfScrollerElement;
+  view-timeline-name: --self-scroller-element;
+  animation-timeline: --self-scroller-element;
 }
 .container {
-  view-timeline-name: --parentScrollerElement;
+  view-timeline-name: --parent-scroller-element;
 }
 .parent {
-  animation-timeline: --parentScrollerElement;
+  animation-timeline: --parent-scroller-element;
 }
 ```
 
@@ -402,7 +402,7 @@ Additional CSS declarations were hidden for brevity.
     margin-bottom: 0.75lh;
   }
 
-  .animatedElement {
+  .animated-element {
     height: 200px;
     width: calc(100% - 2em);
     margin: auto;
diff --git a/files/en-us/web/css/reference/properties/baseline-source/index.md b/files/en-us/web/css/reference/properties/baseline-source/index.md
@@ -86,7 +86,7 @@ body {
 }
 
 .box {
-  border: 2px solid #888;
+  border: 2px solid #888 888;
   width: 50px;
 }
 
diff --git a/files/en-us/web/css/reference/properties/index.md b/files/en-us/web/css/reference/properties/index.md
@@ -56,6 +56,7 @@ Standard properties defined by CSS specifications include the following:
 - {{CSSxRef("alignment-baseline")}}
 - {{CSSxRef("all")}} (shorthand)
 - {{CSSxRef("anchor-name")}}
+- {{CSSxRef("anchor-scope")}}
 - {{CSSxRef("animation-composition")}}
 - {{CSSxRef("animation-delay")}}
 - {{CSSxRef("animation-direction")}}
@@ -89,6 +90,7 @@ Standard properties defined by CSS specifications include the following:
 - {{CSSxRef("background-repeat")}}
 - {{CSSxRef("background-size")}}
 - {{CSSxRef("background")}} (shorthand)
+- {{CSSxRef("baseline-source")}}
 - {{CSSxRef("block-size")}}
 
 ### Border-\*
@@ -321,6 +323,9 @@ Standard properties defined by CSS specifications include the following:
 - {{CSSxRef("inset")}} (shorthand)
 - {{CSSxRef("inset")}} (shorthand)
 - {{CSSxRef("interactivity")}}
+- {{CSSxRef("interest-delay")}}
+- {{CSSxRef("interest-delay-end")}}
+- {{CSSxRef("interest-delay-start")}}
 - {{CSSxRef("interpolate-size")}}
 - {{CSSxRef("isolation")}}
 
diff --git a/files/en-us/web/css/reference/properties/timeline-scope/index.md b/files/en-us/web/css/reference/properties/timeline-scope/index.md
@@ -44,7 +44,7 @@ The `timeline-scope` property modifies the scope of a named animation timeline.
 
 The value of the `timeline-scope` is the name of a timeline defined on a descendant element; this changes the scope of the timeline to include the targeted element and its descendants. In other words, that element on which the `timeline-scope` property is defined, and all of its descendant elements, can be controlled using that timeline.
 
-If no timeline (or more than one timeline) exists with the name given for the `timeline-scope` value, an inactive timeline with the specified name is created. The `timeline-scope` property only works with named timelines, and therefore can not be used in conjunction with anonymous timelines created using the {{cssxref("view()")}} or {{cssxref("scroll()")}} animation timeline functions.
+If no timeline (or more than one timeline) exists with the name given for the `timeline-scope` value, an inactive timeline with the specified name is created. The `timeline-scope` property only works with named timelines, and therefore can not be used in conjunction with anonymous timelines created using the {{cssxref("animation-timeline/view", "view()")}} or {{cssxref("animation-timeline/scroll", "scroll()")}} animation timeline functions.
 
 ## Formal definition
 
diff --git a/files/en-us/web/css/reference/properties/view-timeline-axis/index.md b/files/en-us/web/css/reference/properties/view-timeline-axis/index.md
@@ -198,7 +198,7 @@ Scroll the horizontal bar at the bottom to see the subject element animate as yo
 
 - {{cssxref("animation-timeline")}}
 - {{cssxref("view-timeline")}}, {{cssxref("view-timeline-inset")}}, {{cssxref("view-timeline-name")}}
-- {{cssxref("view()")}}
+- {{cssxref("animation-timeline/view", "view()")}}
 - [Guide: Scroll-driven animation timelines](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations/Timelines)
 - [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations) module
 - [CSS animations](/en-US/docs/Web/CSS/Guides/Animations) module
diff --git a/files/en-us/web/css/reference/selectors/_colon_valid/index.md b/files/en-us/web/css/reference/selectors/_colon_valid/index.md
@@ -131,7 +131,7 @@ input {
 }
 
 input {
-  box-shadow: inset 1px 1px 3px #ccccccs;
+  box-shadow: inset 1px 1px 3px #cccccc;
   border-radius: 5px;
 }
 
diff --git a/files/en-us/web/css/reference/selectors/index.md b/files/en-us/web/css/reference/selectors/index.md
@@ -37,6 +37,7 @@ selector {
 - [Attribute selectors](/en-US/docs/Web/CSS/Reference/Selectors/Attribute_selectors)
 - [Class selectors](/en-US/docs/Web/CSS/Reference/Selectors/Class_selectors)
 - [ID selectors](/en-US/docs/Web/CSS/Reference/Selectors/ID_selectors)
+- [Keyframe selectors](/en-US/docs/Web/CSS/Reference/Selectors/Keyframe_selectors)
 - [Namespace separator (`|`)](/en-US/docs/Web/CSS/Reference/Selectors/Namespace_separator)
 - [Pseudo-class selectors](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-classes)
 - [Pseudo-element selectors](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-elements)
diff --git a/files/en-us/web/css/reference/selectors/keyframe_selectors/index.md b/files/en-us/web/css/reference/selectors/keyframe_selectors/index.md
@@ -83,7 +83,7 @@ For example, if an element has a `red` background color, and the following anima
 }
 ```
 
-The background color will be `red` at the start of the animation, transitioning to `purple` a quarter of the way through the animation, remaining `purple` for half the animation, and transitioning back to `red`, the original background color, starting `75%` of the way through the {{cssxref("animation-timeline", "animation timeline", "", "nocode")}}. See the example that [omits the `to` and `from`](#omitting_to_and_from).
+The background color will be `red` at the start of the animation, transitioning to `purple` a quarter of the way through the animation, remaining `purple` for half the animation, and transitioning back to `red`, the original background color, starting `75%` of the way through the [animation timeline](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline). See the example that [omits the `to` and `from`](#omitting_to_and_from).
 
 #### Omitted property declarations
 
@@ -100,22 +100,22 @@ This animation repeats non-changing values in multiple selector blocks, which is
 ```css
 @keyframes uglyAnimation {
   0% {
-    transform: translatex(0);
+    transform: translateX(0);
     opacity: 0;
     background-color: purple;
   }
   50% {
-    transform: translatex(0);
+    transform: translateX(0);
     opacity: 1;
     background-color: purple;
   }
   75% {
-    transform: translatex(0);
+    transform: translateX(0);
     opacity: 0;
     background-color: green;
   }
   100% {
-    transform: translatex(50vw);
+    transform: translateX(50vw);
     opacity: 0;
     background-color: purple;
   }
@@ -130,7 +130,7 @@ We can use the cascade to group values in one selector block, then override them
   50%,
   75%,
   100% {
-    transform: translatex(0);
+    transform: translateX(0);
     opacity: 0;
     background-color: purple;
   }
@@ -141,7 +141,7 @@ We can use the cascade to group values in one selector block, then override them
     background-color: green;
   }
   100% {
-    transform: translatex(50vw);
+    transform: translateX(50vw);
   }
 }
 ```
@@ -160,13 +160,13 @@ Order is important! We can't ignore the cascade. If we reorder the above incorre
     background-color: green;
   }
   100% {
-    transform: translatex(50vw);
+    transform: translateX(50vw);
   }
   0%,
   50%,
   75%,
   100% {
-    transform: translatex(0);
+    transform: translateX(0);
     opacity: 1;
     background-color: purple;
   }
@@ -233,14 +233,14 @@ We create an {{cssxref("@keyframes")}} animation, applying styles to the `from`
 ```css
 @keyframes slide-and-fade {
   from {
-    transform: translatex(0);
+    transform: translateX(0);
     opacity: 0;
   }
   50% {
     opacity: 1;
   }
   to {
-    transform: translatex(50vw);
+    transform: translateX(50vw);
     opacity: 0;
   }
 }
@@ -375,6 +375,6 @@ The `background-color` and `outline-width` properties are set in `30%` and `40%`
 - {{cssxref("@keyframes")}}
 - {{cssxref("animation")}}
 - {{cssxref("animation-range")}}
-- [Using CSS animations](/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations)
-- [CSS animations](/en-US/docs/Web/CSS/CSS_Animations) module
+- [Using CSS animations](/en-US/docs/Web/CSS/Guides/Animations/Using)
+- [CSS animations](/en-US/docs/Web/CSS/Guides/Animations) module
 - [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations)
diff --git a/files/en-us/web/css/reference/selectors/pseudo-classes/index.md b/files/en-us/web/css/reference/selectors/pseudo-classes/index.md
@@ -324,6 +324,8 @@ I
 
 - {{CSSxRef(":in-range")}}
 - {{CSSxRef(":indeterminate")}}
+- {{CSSxRef(":interest-source")}}
+- {{CSSxRef(":interest-target")}}
 - {{CSSxRef(":invalid")}}
 - {{cssxref(":is()")}}
 
@@ -384,7 +386,9 @@ S
 T
 
 - {{CSSxRef(":target")}}
+- {{CSSxRef(":target-after")}}
 - {{CSSxRef(":target-current")}}
+- {{CSSxRef(":target-before")}}
 
 U
 
diff --git a/files/en-us/web/css/reference/values/data_types/index.md b/files/en-us/web/css/reference/values/data_types/index.md
diff --git a/files/en-us/web/http/reference/headers/sec-ch-width/index.md b/files/en-us/web/http/reference/headers/sec-ch-width/index.md
diff --git a/files/en-us/web/uri/reference/fragment/index.md b/files/en-us/web/uri/reference/fragment/index.md

Original file line number	Diff line number	Diff line change
`@@ -166,7 +166,7 @@ body {`
`166`	`166`
`167`	`167`	`.scoped {`
`168`	`168`	`padding: 20px;`
`169`		`- background: #eee;`
	`169`	`+ background: #eeeeee;`
`170`	`170`	`}`
`171`	`171`
`172`	`172`	`.anchor {`