CSS properties: convert links to macros (part 4)

files/en-us/web/css/reference/properties/scroll-margin-block/index.md

@@ -74,8 +74,8 @@ scroll-margin-block: 2em;
 
 This property is a shorthand for the following CSS properties:
 
-- [`scroll-margin-block-end`](/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-block-end)
-- [`scroll-margin-block-start`](/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-block-start)
+- {{cssxref("scroll-margin-block-end")}}
+- {{cssxref("scroll-margin-block-start")}}
 
 ## Syntax
 

files/en-us/web/css/reference/properties/scroll-margin-inline/index.md

@@ -81,8 +81,8 @@ scroll-margin-inline: 0px 3em;
 
 This property is a shorthand for the following CSS properties:
 
-- [`scroll-margin-inline-end`](/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-inline-end)
-- [`scroll-margin-inline-start`](/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-inline-start)
+- {{cssxref("scroll-margin-inline-end")}}
+- {{cssxref("scroll-margin-inline-start")}}
 
 ## Syntax
 

files/en-us/web/css/reference/properties/scroll-margin/index.md

@@ -6,7 +6,7 @@ browser-compat: css.properties.scroll-margin
 sidebar: cssref
 ---
 
-The **`scroll-margin`** [shorthand property](/en-US/docs/Web/CSS/Guides/Cascade/Shorthand_properties) sets all of the scroll margins of an element at once, assigning values much like the [`margin`](/en-US/docs/Web/CSS/Reference/Properties/margin) property does for margins of an element.
+The **`scroll-margin`** [shorthand property](/en-US/docs/Web/CSS/Guides/Cascade/Shorthand_properties) sets all of the scroll margins of an element at once, assigning values much like the {{cssxref("margin")}} property does for margins of an element.
 
 {{InteractiveExample("CSS Demo: scroll-margin")}}
 
@@ -74,10 +74,10 @@ scroll-margin: 2em;
 
 This property is a shorthand for the following CSS properties:
 
-- [`scroll-margin-bottom`](/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-bottom)
-- [`scroll-margin-left`](/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-left)
-- [`scroll-margin-right`](/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-right)
-- [`scroll-margin-top`](/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-top)
+- {{cssxref("scroll-margin-bottom")}}
+- {{cssxref("scroll-margin-left")}}
+- {{cssxref("scroll-margin-right")}}
+- {{cssxref("scroll-margin-top")}}
 
 ## Syntax
 

files/en-us/web/css/reference/properties/scroll-padding-block/index.md

@@ -76,8 +76,8 @@ The scroll-padding properties define offsets for the _optimal viewing region_ of
 
 This property is a shorthand for the following CSS properties:
 
-- [`scroll-padding-block-end`](/en-US/docs/Web/CSS/Reference/Properties/scroll-padding-block-end)
-- [`scroll-padding-block-start`](/en-US/docs/Web/CSS/Reference/Properties/scroll-padding-block-start)
+- {{cssxref("scroll-padding-block-end")}}
+- {{cssxref("scroll-padding-block-start")}}
 
 ## Syntax
 

files/en-us/web/css/reference/properties/scroll-padding-inline/index.md

@@ -79,8 +79,8 @@ The scroll-padding properties define offsets for the _optimal viewing region_ of
 
 This property is a shorthand for the following CSS properties:
 
-- [`scroll-padding-inline-end`](/en-US/docs/Web/CSS/Reference/Properties/scroll-padding-inline-end)
-- [`scroll-padding-inline-start`](/en-US/docs/Web/CSS/Reference/Properties/scroll-padding-inline-start)
+- {{cssxref("scroll-padding-inline-end")}}
+- {{cssxref("scroll-padding-inline-start")}}
 
 ## Syntax
 

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

@@ -11,7 +11,7 @@ The **`scroll-timeline-axis`** [CSS](/en-US/docs/Web/CSS) property is used to sp
 > [!NOTE]
 > If the scroller element does not overflow its container in the axis dimension or if the overflow is hidden or clipped, no scroll progress timeline will be created.
 
-The `scroll-timeline-axis` and {{cssxref("scroll-timeline-name")}} properties can also be set using the [`scroll-timeline`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline) shorthand property.
+The `scroll-timeline-axis` and {{cssxref("scroll-timeline-name")}} properties can also be set using the {{cssxref("scroll-timeline")}} shorthand property.
 
 ## Syntax
 
@@ -138,7 +138,7 @@ Scroll the horizontal bar at the bottom to see the square animate as you scroll.
 
 ## See also
 
-- [`animation-timeline`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline)
-- [`scroll-timeline`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline), [`scroll-timeline-name`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline-name)
+- {{cssxref("animation-timeline")}}
+- {{cssxref("scroll-timeline")}}, {{cssxref("scroll-timeline-name")}}
 - {{cssxref("timeline-scope")}}
 - [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations)

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

@@ -8,12 +8,12 @@ sidebar: cssref
 
 The **`scroll-timeline-name`** [CSS](/en-US/docs/Web/CSS) property is used to define the name of a _named scroll progress timeline_, which is progressed through by scrolling a scrollable element (_scroller_) between top and bottom (or left and right). `scroll-timeline-name` is set on the scroller that will provide the timeline.
 
-The name is then referenced in an [`animation-timeline`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline) declaration to indicate the container's element that is used to drive the progress of the animation through the scrolling action.
+The name is then referenced in an {{cssxref("animation-timeline")}} declaration to indicate the container's element that is used to drive the progress of the animation through the scrolling action.
 
 > [!NOTE]
 > If the element does not overflow its container in the axis dimension or if the overflow is hidden or clipped, no timeline will be created.
 
-The {{cssxref("scroll-timeline-axis")}} and `scroll-timeline-name` properties can also be set using the [`scroll-timeline`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline) shorthand property.
+The {{cssxref("scroll-timeline-axis")}} and `scroll-timeline-name` properties can also be set using the {{cssxref("scroll-timeline")}} shorthand property.
 
 ## Syntax
 
@@ -29,10 +29,10 @@ Allowed values for `scroll-timeline-name` are:
 - `none`
   - : The timeline has no name.
 - `<dashed-ident>`
-  - : An arbitrary custom identifier defining a name for a scroll progress timeline, which can then be referenced in an [`animation-timeline`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline) property.
+  - : An arbitrary custom identifier defining a name for a scroll progress timeline, which can then be referenced in an {{cssxref("animation-timeline")}} property.
 
     > [!NOTE]
-    > [`<dashed-ident>`](/en-US/docs/Web/CSS/Reference/Values/dashed-ident) values must start with `--`, which helps avoid name clashes with standard CSS keywords.
+    > {{cssxref("&lt;dashed-ident&gt;")}} values must start with `--`, which helps avoid name clashes with standard CSS keywords.
 
 ## Formal definition
 
@@ -125,7 +125,7 @@ Scroll the vertical bar to see the square animate as you scroll.
 
 ## See also
 
-- [`animation-timeline`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline)
-- [`scroll-timeline`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline), [`scroll-timeline-axis`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline-axis)
+- {{cssxref("animation-timeline")}}
+- {{cssxref("scroll-timeline")}}, {{cssxref("scroll-timeline-axis")}}
 - {{cssxref("timeline-scope")}}
 - [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations)

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

@@ -10,7 +10,7 @@ The **`scroll-timeline`** [CSS](/en-US/docs/Web/CSS) [shorthand property](/en-US
 
 `scroll-timeline` can contain two constituent values — a name for the named scroll progress timeline, and an optional scroll axis value.
 
-The name is then referenced in an [`animation-timeline`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline) declaration to indicate the container's element that is used to drive the progress of the animation through the scrolling action.
+The name is then referenced in an {{cssxref("animation-timeline")}} declaration to indicate the container's element that is used to drive the progress of the animation through the scrolling action.
 
 > [!NOTE]
 > If the scroller does not overflow its container in the axis dimension or if the overflow is hidden or clipped, no timeline will be created.
@@ -19,8 +19,8 @@ The name is then referenced in an [`animation-timeline`](/en-US/docs/Web/CSS/Ref
 
 This property is a shorthand for the following CSS properties:
 
-- [`scroll-timeline-name`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline-name)
-- [`scroll-timeline-axis`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline-axis)
+- {{cssxref("scroll-timeline-name")}}
+- {{cssxref("scroll-timeline-axis")}}
 
 ## Syntax
 
@@ -43,15 +43,15 @@ scroll-timeline: --custom_name_for_timeline;
 The `scroll-timeline` shorthand property can be applied to a container element as a combination of the `<scroll-timeline-name>` and `<scroll-timeline-axis>` values. At least one of the values must be specified. If both the values are specified, the order followed must be the `<scroll-timeline-name>` value followed by the `<scroll-timeline-axis>` value.
 
 > [!NOTE]
-> `<scroll-timeline-name>`s must be [`<dashed-ident>`](/en-US/docs/Web/CSS/Reference/Values/dashed-ident) values, which means they must start with `--`. This helps avoid name clashes with standard CSS keywords.
+> `<scroll-timeline-name>`s must be {{cssxref("&lt;dashed-ident&gt;")}} values, which means they must start with `--`. This helps avoid name clashes with standard CSS keywords.
 
 ### Values
 
 - `<scroll-timeline-name>`
-  - : See [`scroll-timeline-name`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline-name).
+  - : See {{cssxref("scroll-timeline-name")}}.
 
 - `<scroll-timeline-axis>`
-  - : See [`scroll-timeline-axis`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline-axis). The default value is `block`.
+  - : See {{cssxref("scroll-timeline-axis")}}. The default value is `block`.
 
 ## Formal definition
 
@@ -148,7 +148,7 @@ The square animates as you scroll, and the animation duration when using `scroll
 
 ## See also
 
-- [`animation-timeline`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline)
-- [`scroll-timeline-axis`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline-axis), [`scroll-timeline-name`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline-name)
+- {{cssxref("animation-timeline")}}
+- {{cssxref("scroll-timeline-axis")}}, {{cssxref("scroll-timeline-name")}}
 - {{cssxref("timeline-scope")}}
 - [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations)

files/en-us/web/css/reference/properties/table-layout/index.md

@@ -92,7 +92,7 @@ table-layout: unset;
   - : The automatic table layout algorithm is used. The widths of the table and its cells are adjusted to fit the content. Most browsers use this algorithm by default.
 
 - `fixed`
-  - : The fixed table layout algorithm is used. When using this keyword, the table's width _needs to be specified explicitly_ using the [`width`](/en-US/docs/Web/CSS/Reference/Properties/width) property. If the value of the `width` property is set to `auto` or is not specified, the browser uses the automatic table layout algorithm, in which case the `fixed` value has no effect.\
+  - : The fixed table layout algorithm is used. When using this keyword, the table's width _needs to be specified explicitly_ using the {{cssxref("width")}} property. If the value of the `width` property is set to `auto` or is not specified, the browser uses the automatic table layout algorithm, in which case the `fixed` value has no effect.\
     The fixed table layout algorithm is faster than the automatic layout algorithm because the horizontal layout of the table depends only on the table's width, the width of the columns, and borders or cell spacing. The horizontal layout doesn't depend on the contents of the cells because it depends only on explicitly set widths.
 
     In the fixed table layout algorithm, the width of each column is determined as follows:

files/en-us/web/css/reference/properties/text-decoration-skip/index.md

@@ -101,4 +101,4 @@ p {
 
 ## See also
 
-- [`text-decoration-skip-ink`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration-skip-ink)
+- {{cssxref("text-decoration-skip-ink")}}

files/en-us/web/css/reference/properties/text-decoration/index.md

@@ -52,10 +52,10 @@ Text decorations are drawn across descendant text elements. This means that if a
 
 This property is a shorthand for the following CSS properties:
 
-- [`text-decoration-color`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration-color)
-- [`text-decoration-line`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration-line)
-- [`text-decoration-style`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration-style)
-- [`text-decoration-thickness`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration-thickness)
+- {{cssxref("text-decoration-color")}}
+- {{cssxref("text-decoration-line")}}
+- {{cssxref("text-decoration-style")}}
+- {{cssxref("text-decoration-thickness")}}
 
 ## Syntax
 

files/en-us/web/css/reference/properties/text-emphasis/index.md

@@ -53,8 +53,8 @@ The size of the emphasis symbol, like ruby symbols, is about 50% of the size of
 
 This property is a shorthand for the following CSS properties:
 
-- [`text-emphasis-color`](/en-US/docs/Web/CSS/Reference/Properties/text-emphasis-color)
-- [`text-emphasis-style`](/en-US/docs/Web/CSS/Reference/Properties/text-emphasis-style)
+- {{cssxref("text-emphasis-color")}}
+- {{cssxref("text-emphasis-style")}}
 
 ## Syntax
 

files/en-us/web/css/reference/properties/text-indent/index.md

@@ -247,11 +247,11 @@ p {
 
 - [Learn to style HTML using CSS](/en-US/docs/Learn_web_development/Core/Styling_basics)
 - Related CSS properties:
-  - [`text-justify`](/en-US/docs/Web/CSS/Reference/Properties/text-justify)
-  - [`text-orientation`](/en-US/docs/Web/CSS/Reference/Properties/text-orientation)
-  - [`text-overflow`](/en-US/docs/Web/CSS/Reference/Properties/text-overflow)
-  - [`text-rendering`](/en-US/docs/Web/CSS/Reference/Properties/text-rendering)
-  - [`text-transform`](/en-US/docs/Web/CSS/Reference/Properties/text-transform)
+  - {{cssxref("text-justify")}}
+  - {{cssxref("text-orientation")}}
+  - {{cssxref("text-overflow")}}
+  - {{cssxref("text-rendering")}}
+  - {{cssxref("text-transform")}}
   - {{cssxref('hanging-punctuation')}}
 
 - [CSS Text Decoration](/en-US/docs/Web/CSS/Guides/Text_decoration) CSS module

files/en-us/web/css/reference/properties/text-rendering/index.md

@@ -155,10 +155,10 @@ p {
 - [Drawing text in a `<canvas>`](/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text)
 - [CSS Text Decoration](/en-US/docs/Web/CSS/Guides/Text_decoration) CSS module
 - Related CSS properties
-  - [`text-decoration`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration) (and its longhand properties, such as [`text-decoration-line`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration-line), [`text-decoration-style`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration-style), and [`text-decoration-thickness`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration-thickness))
-  - [`text-emphasis`](/en-US/docs/Web/CSS/Reference/Properties/text-emphasis) (and its longhand properties, including [`text-emphasis-color`](/en-US/docs/Web/CSS/Reference/Properties/text-emphasis-color), [`text-emphasis-position`](/en-US/docs/Web/CSS/Reference/Properties/text-emphasis-position), and [`text-emphasis-style`](/en-US/docs/Web/CSS/Reference/Properties/text-emphasis-style))
-  - [`text-shadow`](/en-US/docs/Web/CSS/Reference/Properties/text-shadow)
-  - [`text-transform`](/en-US/docs/Web/CSS/Reference/Properties/text-transform)
+  - {{cssxref("text-decoration")}} (and its longhand properties, such as {{cssxref("text-decoration-line")}}, {{cssxref("text-decoration-style")}}, and {{cssxref("text-decoration-thickness")}})
+  - {{cssxref("text-emphasis")}} (and its longhand properties, including {{cssxref("text-emphasis-color")}}, {{cssxref("text-emphasis-position")}}, and {{cssxref("text-emphasis-style")}})
+  - {{cssxref("text-shadow")}}
+  - {{cssxref("text-transform")}}
 
 - The [SVG](/en-US/docs/Web/SVG) {{SVGAttr("text-rendering")}} attribute
 - [SVG and CSS](/en-US/docs/Web/SVG/Tutorials/SVG_from_scratch/SVG_and_CSS)

files/en-us/web/css/reference/properties/text-shadow/index.md

@@ -6,7 +6,7 @@ browser-compat: css.properties.text-shadow
 sidebar: cssref
 ---
 
-The **`text-shadow`** [CSS](/en-US/docs/Web/CSS) property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its [`decorations`](/en-US/docs/Web/CSS/Reference/Properties/text-decoration). Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.
+The **`text-shadow`** [CSS](/en-US/docs/Web/CSS) property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its {{cssxref("decorations")}}. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.
 
 {{InteractiveExample("CSS Demo: text-shadow")}}
 

files/en-us/web/css/reference/properties/text-underline-position/index.md

@@ -123,7 +123,7 @@ p {
 
 In this example we set both the paragraphs to have a thick underline. In the horizontal text we use `text-underline-position: under;` to put the underline below all the descenders.
 
-In the text with a vertical [`writing-mode`](/en-US/docs/Web/CSS/Reference/Properties/writing-mode) set, we can then use values of `left` or `right` to make the underline appear on the left or right of the text as required.
+In the text with a vertical {{cssxref("writing-mode")}} set, we can then use values of `left` or `right` to make the underline appear on the left or right of the text as required.
 
 The live example looks like this:
 

files/en-us/web/css/reference/properties/text-wrap/index.md

@@ -65,8 +65,8 @@ text-wrap: stable;
 
 This property is a shorthand for the following CSS properties:
 
-- [`text-wrap-mode`](/en-US/docs/Web/CSS/Reference/Properties/text-wrap-mode)
-- [`text-wrap-style`](/en-US/docs/Web/CSS/Reference/Properties/text-wrap-style)
+- {{cssxref("text-wrap-mode")}}
+- {{cssxref("text-wrap-style")}}
 
 ## Syntax
 

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

@@ -32,7 +32,7 @@ Allowed values for `timeline-scope` are:
   - : Specifies the name of an existing named timeline (i.e., declared using {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}}) defined on a descendant element. This causes the timeline scope to be increased to the element that `timeline-scope` is set on and any of its descendants.
 
     > [!NOTE]
-    > [`<dashed-ident>`](/en-US/docs/Web/CSS/Reference/Values/custom-ident) values must start with `--`, which helps to avoid name clashes with standard CSS keywords.
+    > {{cssxref("&lt;dashed-ident&gt;")}} values must start with `--`, which helps to avoid name clashes with standard CSS keywords.
 
 ## Formal definition
 
@@ -144,7 +144,7 @@ Scroll the vertical bar on the pink area to see the square animate.
 
 ## See also
 
-- [`animation-timeline`](/en-US/docs/Web/CSS/Reference/Properties/animation-timeline)
-- [`scroll-timeline`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline), [`scroll-timeline-name`](/en-US/docs/Web/CSS/Reference/Properties/scroll-timeline-name)
-- [`view-timeline`](/en-US/docs/Web/CSS/Reference/Properties/view-timeline), [`view-timeline-name`](/en-US/docs/Web/CSS/Reference/Properties/view-timeline-name)
+- {{cssxref("animation-timeline")}}
+- {{cssxref("scroll-timeline")}}, {{cssxref("scroll-timeline-name")}}
+- {{cssxref("view-timeline")}}, {{cssxref("view-timeline-name")}}
 - [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations)