Replace CSS property links with custom text using cssxref macro

Search:  \[`([^`]+?)`\]\(/en-US/docs/Web/CSS/Reference/Properties/([^#)]+?)\)
Replace: {{cssxref("$2", "$1")}}

files/en-us/web/css/guides/borders_and_box_decorations/index.md

@@ -219,10 +219,10 @@ The CSS borders and box decorations module level 4 also introduces the `border-s
 - {{cssxref("box-sizing")}} property
 - {{cssxref("box-decoration-break")}} property
 - {{cssxref("text-shadow")}} property
-- {{cssxref("url_value", "<url>")}} CSS type
-- [`<color>`](/en-US/docs/Web/CSS/Reference/Properties/color) data type
-- [`<image>`](/en-US/docs/Web/CSS/Reference/Values/image) data type
-- [`<position>`](/en-US/docs/Web/CSS/Reference/Properties/position) data type
+- {{cssxref("url_value", "&lt;url&gt;")}} data type
+- {{cssxref("color_value", "&lt;color&gt;")}} data type
+- {{cssxref("&lt;image&gt;")}} data type
+- {{cssxref("position_value", "&lt;position&gt;")}} data type
 - [`currentColor`](/en-US/docs/Web/CSS/Reference/Values/color_value#currentcolor_keyword) keyword
 
 [CSS backgrounds and borders](/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders) module

files/en-us/web/css/guides/generated_content/index.md

@@ -119,7 +119,7 @@ The CSS generated content module introduces six yet-to-be implemented CSS functi
 
 ### Data types
 
-- [`<content-list>`](/en-US/docs/Web/CSS/Reference/Properties/content)
+- [`<content-list>`](/en-US/docs/Web/CSS/Reference/Properties/content#values)
 - `<content-replacement>` (see {{cssxref("image")}})
 - {{cssxref("image")}}
 - [`<counter>`](/en-US/docs/Web/CSS/Reference/Properties/content#counter)

files/en-us/web/css/guides/scroll-driven_animations/index.md

@@ -129,8 +129,8 @@ Scroll the element in the inline direction to see its background color change. S
 
 ### Functions
 
-- [`scroll()`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/scroll)
-- [`view()`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/view)
+- {{cssxref("animation-timeline/scroll", "scroll()")}}
+- {{cssxref("animation-timeline/view", "view()")}}
 
 ### Interfaces
 

files/en-us/web/css/guides/values_and_units/index.md

@@ -60,7 +60,6 @@ The CSS values and units module also introduces the `calc-mix()`, `crossorigin()
 
 - [`<angle-percentage>`](/en-US/docs/Web/CSS/Reference/Values/angle-percentage)
 - [`<angle>`](/en-US/docs/Web/CSS/Reference/Values/angle)
-- [`<animation-timeline>`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline)
 - [`<attr-name>`](/en-US/docs/Web/CSS/Reference/Values/attr#attr-name)
 - [`<attr-type>`](/en-US/docs/Web/CSS/Reference/Values/attr#attr-type)
 - {{CSSxRef("&lt;calc-keyword&gt;")}} (`e`, `pi`, `infinity`, {{glossary("NaN")}})
@@ -77,7 +76,7 @@ The CSS values and units module also introduces the `calc-mix()`, `crossorigin()
 - [`<length>`](/en-US/docs/Web/CSS/Reference/Values/length)
 - [`<number>`](/en-US/docs/Web/CSS/Reference/Values/number)
 - [`<percentage>`](/en-US/docs/Web/CSS/Reference/Values/percentage)
-- [`<position>`](/en-US/docs/Web/CSS/Reference/Properties/position)
+- [`<position>`](/en-US/docs/Web/CSS/Reference/Values/position_value)
 - [`<ratio>`](/en-US/docs/Web/CSS/Reference/Values/ratio)
 - [`<resolution>`](/en-US/docs/Web/CSS/Reference/Values/resolution)
 - [`<rounding-strategy>`](/en-US/docs/Web/CSS/Reference/Values/round#rounding-strategy) (`down`, `up`, `to-zero`)
@@ -87,7 +86,6 @@ The CSS values and units module also introduces the `calc-mix()`, `crossorigin()
 - [`<time>`](/en-US/docs/Web/CSS/Reference/Values/time)
 - [`<url>`](/en-US/docs/Web/CSS/Reference/Values/url_value)
 - [`<url-modifier>`](/en-US/docs/Web/CSS/Reference/Values/url_function#url-modifier)
-- [`<view-timeline-name>`](/en-US/docs/Web/CSS/Reference/Properties/view-timeline-name)
 
 The CSS values and units module also introduces the [`<frequency>`](/en-US/docs/Web/CSS/Reference/Values/frequency) and [`<frequency-percentage>`](/en-US/docs/Web/CSS/Reference/Values/frequency-percentage) data types. Currently, no browsers support these features.
 

files/en-us/web/css/reference/properties/animation-range-end/index.md

@@ -124,7 +124,7 @@ We've also included a checkbox that will toggle the {{cssxref("animation-fill-mo
 
 #### CSS
 
-We've defined a view progress timeline by setting a [`view()`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/view) function as the value of the {{cssxref("animation-timeline")}} property. This is declared **after** the {{cssxref("animation")}} shorthand to avoid resetting the longhand property value.
+We've defined a view progress timeline by setting a {{cssxref("animation-timeline/view", "view()")}} function as the value of the {{cssxref("animation-timeline")}} property. This is declared **after** the {{cssxref("animation")}} shorthand to avoid resetting the longhand property value.
 
 We've also set `animation-range-end` to make the animation end earlier than expected.
 

files/en-us/web/css/reference/properties/animation-range-start/index.md

@@ -110,7 +110,7 @@ In the middle of a long block of text, we've included an element that we'll anim
 
 #### CSS
 
-A scroll progress timeline is defined using setting a [`scroll()`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/scroll) function as the value of the {{cssxref("animation-timeline")}} property. This is declared **after** the {{cssxref("animation")}} shorthand to avoid resetting the longhand property value.
+A scroll progress timeline is defined using setting a {{cssxref("animation-timeline/scroll", "scroll()")}} function as the value of the {{cssxref("animation-timeline")}} property. This is declared **after** the {{cssxref("animation")}} shorthand to avoid resetting the longhand property value.
 
 We've also set `animation-range-start` to make the animation start earlier than expected.
 

files/en-us/web/css/reference/properties/animation-range/index.md

@@ -167,7 +167,7 @@ We also include a checkbox to toggle the {{cssxref("animation-fill-mode")}} prop
 
 We define an animation that animates an element's opacity, scale, and background color, causing it to fade in, scale up, and change color as the animation progresses. We apply this animation to the `animatedElement` with the {{cssxref("animation")}} shorthand.
 
-A view progress timeline is created by setting the [`view()`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/view) function as the value of the {{cssxref("animation-timeline")}} property on our `animatedElement`. The result is that the element animates as it moves upwards through the document as it is scrolled. We declare `animation-timeline` property after the shorthand, as the shorthand resets this property.
+A view progress timeline is created by setting the {{cssxref("animation-timeline/view", "view()")}} function as the value of the {{cssxref("animation-timeline")}} property on our `animatedElement`. The result is that the element animates as it moves upwards through the document as it is scrolled. We declare `animation-timeline` property after the shorthand, as the shorthand resets this property.
 
 Lastly, an `animation-range` declaration is set to make the animation begin later than expected and finish earlier.
 

files/en-us/web/css/reference/properties/view-timeline/index.md

@@ -209,6 +209,6 @@ Scroll to see the subject element being animated.
 
 - {{cssxref("animation-timeline")}}
 - {{cssxref("view-timeline-axis")}}, {{cssxref("view-timeline-inset")}}, {{cssxref("view-timeline-name")}}
-- [`view()`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/view)
+- {{cssxref("animation-timeline/view", "view()")}}
 - [Guide: CSS scroll driven animation timelines](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations/Timelines#named_view_progress_timeline)
 - [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations)

files/en-us/web/css/reference/values/axis/index.md

@@ -13,10 +13,10 @@ The `<axis>` keyword values are used in the following [CSS functions](/en-US/doc
 
 - {{cssxref("scroll-timeline-axis")}}
 - {{cssxref("scroll-timeline")}} shorthand
-- [`scroll()`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/scroll)
+- {{cssxref("animation-timeline/scroll", "scroll()")}}
 - {{cssxref("view-timeline-axis")}}
 - {{cssxref("view-timeline")}} shorthand
-- [`view()`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/view)
+- {{cssxref("animation-timeline/view", "view()")}}
 
 ## Syntax