From 439132e46c3d4f69d6626ff2e5c44521073cde9f Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Fri, 17 Jul 2026 14:02:03 +0100 Subject: [PATCH 01/19] added example of using dashed-ident in env() --- .../css/reference/values/dashed-ident/index.md | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/files/en-us/web/css/reference/values/dashed-ident/index.md b/files/en-us/web/css/reference/values/dashed-ident/index.md index 8261f7c370a84c7..527b5872534e2ed 100644 --- a/files/en-us/web/css/reference/values/dashed-ident/index.md +++ b/files/en-us/web/css/reference/values/dashed-ident/index.md @@ -79,6 +79,22 @@ h4 { } ``` +### Using with env() and param() + +When a `` is used in an external resource in an {{cssxref("env")}} CSS function, it can be updated using the {{cssxref("param")}} CSS function. + +```svg + + + +``` + +```css +path:hover { + link-parameters: param(--color, tomato) +} +``` + ## Specifications {{Specifications}} From f4c789d9c08f0cad2f26426ec2b777b86880e1bd Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Fri, 17 Jul 2026 14:03:23 +0100 Subject: [PATCH 02/19] added svg syntax and env options --- .../en-us/web/css/reference/values/env/index.md | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/files/en-us/web/css/reference/values/env/index.md b/files/en-us/web/css/reference/values/env/index.md index 56a6866ddce0d64..ec230ca9e1591a0 100644 --- a/files/en-us/web/css/reference/values/env/index.md +++ b/files/en-us/web/css/reference/values/env/index.md @@ -7,7 +7,7 @@ browser-compat: css.types.env sidebar: cssref --- -The **`env()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/Web/CSS/Reference/Values/Functions) can be used to insert the value of a user-agent defined [environment variable](/en-US/docs/Web/CSS/Guides/Environment_variables/Using) into your CSS. +The **`env()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/Web/CSS/Reference/Values/Functions) can be used to insert the value of a user-agent defined [environment variable](/en-US/docs/Web/CSS/Guides/Environment_variables/Using) into your CSS. Alternatively `env()` can be used to make dynamic values in external SVG files which updated using the {{cssxref("link-parameters")}} CSS property. ## Syntax @@ -23,9 +23,15 @@ env(titlebar-area-y, 40px); env(viewport-segment-width 0 0, 40%); ``` +```svg + + + +``` + ### Parameters -The `env( , )` function accepts the following parameters: +The `env( | , | )` function accepts the following parameters: - [``](/en-US/docs/Web/CSS/Guides/Environment_variables/Using#browser-defined_environment_variables) - : A {{cssxref("<custom-ident>")}} specifying the name of the environment variable to be inserted. If the name provided represents an array-like environment variable, the name is followed by {{cssxref("<integer>")}} values identifying the specific instance the name is referencing. The case-sensitive environment variable name can be one of the following: @@ -42,9 +48,15 @@ The `env( , )` function accepts the following p - `viewport-segment-width`, `viewport-segment-height`, `viewport-segment-top`, `viewport-segment-right`, `viewport-segment-bottom`, `viewport-segment-left` - : The dimensions and offset positions of specific viewport segments. The `viewport-segment-*` keyword is followed by two space-separated {{cssxref("<integer>")}} values that indicate the segment's horizontal and vertical position, or indices. The viewport-segment keywords are only defined when the viewport is made up of two or more segments, as with foldable or hinged devices. +- [``](/en-US/docs/Web/CSS/Reference/Values/dashed-ident) + - A ``is a user defined variable that can be used as an identifier in the {{cssxref("param")}} CSS function to update the value. + - `` {{optional_inline}} - : A fallback value to be inserted if the environment variable referenced in the first argument does not exist. Everything after the first comma is deemed to be the fallback value. This can be a single value, another `env()` function, or a comma-separated list of values. +- `` {{optional_inline}} + - : A `` is the default value of the SVG attribute being set dynamically. If the `` is omitted, it represents an empty value. + ## Description The `env()` function is used to insert the value of a globally-scoped, [user-agent-defined environment variable](/en-US/docs/Web/CSS/Guides/Environment_variables/Using#browser-defined_environment_variables) into your CSS. The `env()` function can be used as a property value or in place of any part of a property value or descriptor (for example, in [Media query rules](/en-US/docs/Web/CSS/Reference/At-rules/@media)). From 9c7d02a57219d0cc668f0b32182551d2262a9b83 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Mon, 20 Jul 2026 09:47:56 +0100 Subject: [PATCH 03/19] added param and link-parameters pages --- .../properties/link-parameters/index.md | 51 +++++++++++ .../web/css/reference/values/param/index.md | 91 +++++++++++++++++++ .../web/css/reference/values/param/square.svg | 10 ++ 3 files changed, 152 insertions(+) create mode 100644 files/en-us/web/css/reference/properties/link-parameters/index.md create mode 100644 files/en-us/web/css/reference/values/param/index.md create mode 100644 files/en-us/web/css/reference/values/param/square.svg diff --git a/files/en-us/web/css/reference/properties/link-parameters/index.md b/files/en-us/web/css/reference/properties/link-parameters/index.md new file mode 100644 index 000000000000000..9dfab4083e73ca5 --- /dev/null +++ b/files/en-us/web/css/reference/properties/link-parameters/index.md @@ -0,0 +1,51 @@ +--- +title: "`link-parameters` CSS property" +short-title: link-parameters +slug: Web/CSS/Reference/Properties/link-parameters +page-type: css-property +browser-compat: css.properties.link-parameters +sidebar: cssref +--- + +The **`link-parameters`** [CSS](/en-US/docs/Web/CSS) property sets … + +## Syntax + +```css +/* values */ +lighting-color: red; +lighting-color: hsl(120deg 75% 25% / 60%); +lighting-color: currentColor; + +/* Global values */ +lighting-color: inherit; +lighting-color: initial; +lighting-color: revert; +lighting-color: revert-layer; +lighting-color: unset; +``` + +## Values + +- `none` + - : No link parameters are specified. + +- {{cssxref("param")}} + - : A {{cssxref("url_value", "<url>")}} that refers to a marker defined by an SVG {{SVGElement('marker')}} element, to be drawn at + +## Formal definition + +{{CSSInfo}} + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- {{cssxref("param")}} +- {{cssxref("env")}} diff --git a/files/en-us/web/css/reference/values/param/index.md b/files/en-us/web/css/reference/values/param/index.md new file mode 100644 index 000000000000000..02452fcc21ec937 --- /dev/null +++ b/files/en-us/web/css/reference/values/param/index.md @@ -0,0 +1,91 @@ +--- +title: "`param()` CSS function" +short-title: param() +slug: Web/CSS/Reference/Values/param +page-type: css-function +browser-compat: css.types.param +sidebar: cssref +--- + +The **`param()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/Web/CSS/Reference/Values/Functions) is used to set link parameters. This can be done using the {{cssxref("link-parameters")}} CSS function, in the fragment URL of an external resource, or in the [``](/en-US/docs/Web/CSS/Reference/Values/url_function#url-modifier) of the `url()` CSS function. + +## Formal definition + +{{CSSInfo}} + +## Examples + +### Using `link-paramters` property + +In this example an SVG file has attributes set with + +```svg + + +``` + +```html +
+ + + +
+``` + +```css hidden +.squares { + height: 200px; + display: flex; + flex-direction: row; + justify-content: space-between; +} +img { + height: 100%; +} +``` + +```css +.greyscale { + link-parameters: + param(--color1, slategrey), + param(--color2, lightgrey); + &:hover { + link-parameters: + param(--color1, lightgrey), + param(--color2, slategrey); + } +} +.high-contrast { + link-parameters: + param(--color1, fuchsia), + param(--color2, yellow); + &:hover { + link-parameters: + param(--color1, yellow), + param(--color2, fuchsia); + } +} +``` + +{{EmbedLiveSample('unsing_link-parameters_property', '100%', '300px')}} + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- {{cssxref("link-parameters")}} +- {{cssxref("env")}} diff --git a/files/en-us/web/css/reference/values/param/square.svg b/files/en-us/web/css/reference/values/param/square.svg new file mode 100644 index 000000000000000..5d2c4f1f1dde48a --- /dev/null +++ b/files/en-us/web/css/reference/values/param/square.svg @@ -0,0 +1,10 @@ + + + + From 74d76d395845af77f75c1548c83fbc037d0fac15 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Mon, 20 Jul 2026 10:30:29 +0100 Subject: [PATCH 04/19] completed the param() page --- .../web/css/reference/values/param/index.md | 48 +++++++++++++++++-- 1 file changed, 45 insertions(+), 3 deletions(-) diff --git a/files/en-us/web/css/reference/values/param/index.md b/files/en-us/web/css/reference/values/param/index.md index 02452fcc21ec937..8081fc52c24b114 100644 --- a/files/en-us/web/css/reference/values/param/index.md +++ b/files/en-us/web/css/reference/values/param/index.md @@ -9,15 +9,31 @@ sidebar: cssref The **`param()`** [CSS](/en-US/docs/Web/CSS) [function](/en-US/docs/Web/CSS/Reference/Values/Functions) is used to set link parameters. This can be done using the {{cssxref("link-parameters")}} CSS function, in the fragment URL of an external resource, or in the [``](/en-US/docs/Web/CSS/Reference/Values/url_function#url-modifier) of the `url()` CSS function. +## Syntax + +```css +/* a single value */ +param(--color, red); + +/* multiple values */ +param(--color1, red), param(--color2, blue), param(--color3, green); +``` + +## Values + +- [``](/en-US/docs/Web/CSS/Reference/Values/dashed-ident) + - A ``is a user defined variable that is used as an identifier in the {{cssxref("env")}} CSS function to update the value. + +- `` {{optional_inline}} + - : A `` is the value of the attribute being updated. If the `` is omitted, it represents an empty value. + ## Formal definition {{CSSInfo}} ## Examples -### Using `link-paramters` property - -In this example an SVG file has attributes set with +All of the following examples use the same SVG file, which has attributes set with {{cssxref("env")}} CSS function. ```svg @@ -32,6 +48,10 @@ In this example an SVG file has attributes set with ``` +### Using `link-paramters` property + +In this example the SVG attributes are updated with the {{cssxref("link-parameters")}} CSS property and `param()` function. + ```html
@@ -77,6 +97,28 @@ img { {{EmbedLiveSample('unsing_link-parameters_property', '100%', '300px')}} +### Passing `param()` into URL modifier + +In this example the SVG attributes are updated by passing the `param()` function into the URL fragment of the [`src`](/en-US/docs/Web/HTML/Reference/Elements/img#src) attribute of the {{htmlelement("img")}} HTML element. + +```html +greyscale version of square +``` + +### Using `param()` with `background-image` property + +In this example the SVG attributes are updated by passing the `param()` function into the {{cssxref("url","url()")}} data type of the {{cssxref("background-image")}} CSS property. + +```css +.foo { + background-image: url( + "square.svg" + param(--color1, slategrey), + param(--color2, lightgrey) + ); +} +``` + ## Specifications {{Specifications}} From e5bb3371b427c11fbb235e1aacff190fcc0d1af3 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Mon, 20 Jul 2026 11:50:07 +0100 Subject: [PATCH 05/19] corrected the spelling of example --- files/en-us/web/css/reference/values/param/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/en-us/web/css/reference/values/param/index.md b/files/en-us/web/css/reference/values/param/index.md index 8081fc52c24b114..1cdc6150656b144 100644 --- a/files/en-us/web/css/reference/values/param/index.md +++ b/files/en-us/web/css/reference/values/param/index.md @@ -48,7 +48,7 @@ All of the following examples use the same SVG file, which has attributes set wi ``` -### Using `link-paramters` property +### Using `link-parameters` property In this example the SVG attributes are updated with the {{cssxref("link-parameters")}} CSS property and `param()` function. @@ -95,7 +95,7 @@ img { } ``` -{{EmbedLiveSample('unsing_link-parameters_property', '100%', '300px')}} +{{EmbedLiveSample('using_link-parameters_property', '100%', '210px')}} ### Passing `param()` into URL modifier From d4076854ffdc3fc1f22d35af8a68a70b210d76c5 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Mon, 20 Jul 2026 11:50:33 +0100 Subject: [PATCH 06/19] completed the link-parameters css property page --- .../properties/link-parameters/index.md | 58 ++++++++++++++----- .../properties/link-parameters/square.svg | 10 ++++ 2 files changed, 55 insertions(+), 13 deletions(-) create mode 100644 files/en-us/web/css/reference/properties/link-parameters/square.svg diff --git a/files/en-us/web/css/reference/properties/link-parameters/index.md b/files/en-us/web/css/reference/properties/link-parameters/index.md index 9dfab4083e73ca5..f30b332b6409012 100644 --- a/files/en-us/web/css/reference/properties/link-parameters/index.md +++ b/files/en-us/web/css/reference/properties/link-parameters/index.md @@ -7,22 +7,19 @@ browser-compat: css.properties.link-parameters sidebar: cssref --- -The **`link-parameters`** [CSS](/en-US/docs/Web/CSS) property sets … +The **`link-parameters`** [CSS](/en-US/docs/Web/CSS) property sets values of external resources, such as SVGs, whose attributes have been set with the {{cssxref("env")}} CSS function ## Syntax ```css -/* values */ -lighting-color: red; -lighting-color: hsl(120deg 75% 25% / 60%); -lighting-color: currentColor; - -/* Global values */ -lighting-color: inherit; -lighting-color: initial; -lighting-color: revert; -lighting-color: revert-layer; -lighting-color: unset; +/* single value */ +link-parameters: param(--color, red); + +/* multiple values */ +link-parameters: + param(--color1, red), + param(--color2, blue), + param(--color3, green); ``` ## Values @@ -31,12 +28,47 @@ lighting-color: unset; - : No link parameters are specified. - {{cssxref("param")}} - - : A {{cssxref("url_value", "<url>")}} that refers to a marker defined by an SVG {{SVGElement('marker')}} element, to be drawn at + - : A list of one or more link parameters. ## Formal definition {{CSSInfo}} +## Example + +### Updating the colors of an external SVG file + +In this example the original SVG, on the left, is a square with `stroke` attribute set with `env(--color1, chartreuse)` and `fill` attribute set with `env(--color2, darkgreen)`. The `link-parameters` property is used to update both of these attributes on the updated square, on the right, with multiple {{cssxref("param")}} CSS functions. + +```html +
+ + +
+``` + +```css hidden +.squares { + height: 200px; + display: flex; + flex-direction: row; + justify-content: space-between; +} +img { + height: 100%; +} +``` + +```css +.updated { + link-parameters: + param(--color1, red), + param(--color2, tomato); +} +``` + +{{EmbedLiveSample('updating_the_colors_of_an_external_SVG_file', '100%', '210px')}} + ## Specifications {{Specifications}} diff --git a/files/en-us/web/css/reference/properties/link-parameters/square.svg b/files/en-us/web/css/reference/properties/link-parameters/square.svg new file mode 100644 index 000000000000000..5d2c4f1f1dde48a --- /dev/null +++ b/files/en-us/web/css/reference/properties/link-parameters/square.svg @@ -0,0 +1,10 @@ + + + + From c1147fd59dc61496b0c1ead06253c5e962800b50 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Mon, 20 Jul 2026 12:50:24 +0100 Subject: [PATCH 07/19] Update files/en-us/web/css/reference/properties/link-parameters/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- .../web/css/reference/properties/link-parameters/index.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/files/en-us/web/css/reference/properties/link-parameters/index.md b/files/en-us/web/css/reference/properties/link-parameters/index.md index f30b332b6409012..8e398bbe6b5cb99 100644 --- a/files/en-us/web/css/reference/properties/link-parameters/index.md +++ b/files/en-us/web/css/reference/properties/link-parameters/index.md @@ -17,9 +17,7 @@ link-parameters: param(--color, red); /* multiple values */ link-parameters: - param(--color1, red), - param(--color2, blue), - param(--color3, green); + param(--color1, red), param(--color2, blue), param(--color3, green); ``` ## Values From f269da956ffed073272bbbcdcceacfccba7de3cd Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Mon, 20 Jul 2026 12:50:40 +0100 Subject: [PATCH 08/19] Update files/en-us/web/css/reference/properties/link-parameters/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- .../web/css/reference/properties/link-parameters/index.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/files/en-us/web/css/reference/properties/link-parameters/index.md b/files/en-us/web/css/reference/properties/link-parameters/index.md index 8e398bbe6b5cb99..0210cddaa5db8da 100644 --- a/files/en-us/web/css/reference/properties/link-parameters/index.md +++ b/files/en-us/web/css/reference/properties/link-parameters/index.md @@ -59,9 +59,7 @@ img { ```css .updated { - link-parameters: - param(--color1, red), - param(--color2, tomato); + link-parameters: param(--color1, red), param(--color2, tomato); } ``` From bfb3af2902a0c0235242817e2762e78f72cbfd4d Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Mon, 20 Jul 2026 12:50:55 +0100 Subject: [PATCH 09/19] Update files/en-us/web/css/reference/values/dashed-ident/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/en-us/web/css/reference/values/dashed-ident/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/en-us/web/css/reference/values/dashed-ident/index.md b/files/en-us/web/css/reference/values/dashed-ident/index.md index 527b5872534e2ed..7cb367d3024001a 100644 --- a/files/en-us/web/css/reference/values/dashed-ident/index.md +++ b/files/en-us/web/css/reference/values/dashed-ident/index.md @@ -91,7 +91,7 @@ When a `` is used in an external resource in an {{cssxref("env")}} ```css path:hover { - link-parameters: param(--color, tomato) + link-parameters: param(--color, tomato); } ``` From b54657c25ebfc718e293625ebfe0e250f04840db Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Mon, 20 Jul 2026 12:51:20 +0100 Subject: [PATCH 10/19] Update files/en-us/web/css/reference/values/param/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/en-us/web/css/reference/values/param/index.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/files/en-us/web/css/reference/values/param/index.md b/files/en-us/web/css/reference/values/param/index.md index 1cdc6150656b144..d1169498f415dc6 100644 --- a/files/en-us/web/css/reference/values/param/index.md +++ b/files/en-us/web/css/reference/values/param/index.md @@ -38,10 +38,10 @@ All of the following examples use the same SVG file, which has attributes set wi ```svg - - + \ No newline at end of file diff --git a/files/en-us/web/css/reference/values/param/square.svg b/files/en-us/web/css/reference/values/param/square.svg index 5d2c4f1f1dde48a..e529dcb237f22c9 100644 --- a/files/en-us/web/css/reference/values/param/square.svg +++ b/files/en-us/web/css/reference/values/param/square.svg @@ -1,10 +1 @@ - - - - + \ No newline at end of file From 82a881557a4a93a5cf449cb31694d958f6f4815b Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Tue, 21 Jul 2026 10:09:56 +0100 Subject: [PATCH 14/19] Update files/en-us/web/css/reference/properties/link-parameters/index.md Co-authored-by: Vadim Makeev --- .../web/css/reference/properties/link-parameters/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/en-us/web/css/reference/properties/link-parameters/index.md b/files/en-us/web/css/reference/properties/link-parameters/index.md index 06d25f298790487..3fe2878edba34b9 100644 --- a/files/en-us/web/css/reference/properties/link-parameters/index.md +++ b/files/en-us/web/css/reference/properties/link-parameters/index.md @@ -42,8 +42,8 @@ In this example the original SVG, on the left, is a square with `stroke` attribu ```html
- - + A square with a border. + A square with a border.
``` From a0e9e761ca96b81e45982658ee6d258ea75e06cc Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Tue, 21 Jul 2026 10:17:55 +0100 Subject: [PATCH 15/19] Update files/en-us/web/css/reference/values/env/index.md Co-authored-by: Vadim Makeev --- files/en-us/web/css/reference/values/env/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/en-us/web/css/reference/values/env/index.md b/files/en-us/web/css/reference/values/env/index.md index ec230ca9e1591a0..f29ae70821b3414 100644 --- a/files/en-us/web/css/reference/values/env/index.md +++ b/files/en-us/web/css/reference/values/env/index.md @@ -24,7 +24,7 @@ env(viewport-segment-width 0 0, 40%); ``` ```svg - + ``` From f37941b561b6fa0687a784d9a451aebf4c3367d9 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Tue, 21 Jul 2026 10:18:06 +0100 Subject: [PATCH 16/19] Update files/en-us/web/css/reference/values/dashed-ident/index.md Co-authored-by: Vadim Makeev --- files/en-us/web/css/reference/values/dashed-ident/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/en-us/web/css/reference/values/dashed-ident/index.md b/files/en-us/web/css/reference/values/dashed-ident/index.md index 7cb367d3024001a..9eda21cf263e4ef 100644 --- a/files/en-us/web/css/reference/values/dashed-ident/index.md +++ b/files/en-us/web/css/reference/values/dashed-ident/index.md @@ -84,7 +84,7 @@ h4 { When a `` is used in an external resource in an {{cssxref("env")}} CSS function, it can be updated using the {{cssxref("param")}} CSS function. ```svg - + ``` From e3f10e7d14901d801d9c1723e435140cbb8d02aa Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Tue, 21 Jul 2026 10:18:37 +0100 Subject: [PATCH 17/19] Update files/en-us/web/css/reference/values/param/index.md Co-authored-by: Vadim Makeev --- files/en-us/web/css/reference/values/param/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/en-us/web/css/reference/values/param/index.md b/files/en-us/web/css/reference/values/param/index.md index f45b6f5f2b38c52..9ea5343761b8683 100644 --- a/files/en-us/web/css/reference/values/param/index.md +++ b/files/en-us/web/css/reference/values/param/index.md @@ -39,7 +39,7 @@ All of the following examples use the same SVG file, which has attributes set wi ```svg - + ``` ### Using `link-parameters` property From 7e60330db06f41826917bf3d583385d7d4e2094b Mon Sep 17 00:00:00 2001 From: Vadim Makeev Date: Fri, 24 Jul 2026 22:42:17 +0200 Subject: [PATCH 18/19] Use more consistent alts Co-authored-by: Vadim Makeev --- .../web/css/reference/properties/link-parameters/index.md | 4 ++-- files/en-us/web/css/reference/values/param/index.md | 8 ++++---- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/files/en-us/web/css/reference/properties/link-parameters/index.md b/files/en-us/web/css/reference/properties/link-parameters/index.md index 3fe2878edba34b9..d837d94651d9802 100644 --- a/files/en-us/web/css/reference/properties/link-parameters/index.md +++ b/files/en-us/web/css/reference/properties/link-parameters/index.md @@ -42,8 +42,8 @@ In this example the original SVG, on the left, is a square with `stroke` attribu ```html
- A square with a border. - A square with a border. + A square with a chartreuse border and a dark green fill. + A square with a red border and a tomato fill.
``` diff --git a/files/en-us/web/css/reference/values/param/index.md b/files/en-us/web/css/reference/values/param/index.md index 9ea5343761b8683..80e3f283bd3f563 100644 --- a/files/en-us/web/css/reference/values/param/index.md +++ b/files/en-us/web/css/reference/values/param/index.md @@ -56,9 +56,9 @@ In this example the SVG attributes are updated with the {{cssxref("link-paramete ```html
- - - + A square with a chartreuse border and a dark green fill. + A square with a slate grey border and a light grey fill. + A square with a fuchsia border and a yellow fill.
``` @@ -106,7 +106,7 @@ In this example the SVG attributes are updated by passing the `param()` function ```html-nolint greyscale version of square ``` From b410279fa18bfede49aaaba419e31c12373a6047 Mon Sep 17 00:00:00 2001 From: Vadim Makeev Date: Fri, 24 Jul 2026 22:45:38 +0200 Subject: [PATCH 19/19] Make prettier happy --- .../reference/properties/link-parameters/index.md | 10 ++++++++-- .../en-us/web/css/reference/values/param/index.md | 15 ++++++++++++--- 2 files changed, 20 insertions(+), 5 deletions(-) diff --git a/files/en-us/web/css/reference/properties/link-parameters/index.md b/files/en-us/web/css/reference/properties/link-parameters/index.md index d837d94651d9802..913c4ea791ddbe5 100644 --- a/files/en-us/web/css/reference/properties/link-parameters/index.md +++ b/files/en-us/web/css/reference/properties/link-parameters/index.md @@ -42,8 +42,14 @@ In this example the original SVG, on the left, is a square with `stroke` attribu ```html
- A square with a chartreuse border and a dark green fill. - A square with a red border and a tomato fill. + A square with a chartreuse border and a dark green fill. + A square with a red border and a tomato fill.
``` diff --git a/files/en-us/web/css/reference/values/param/index.md b/files/en-us/web/css/reference/values/param/index.md index 80e3f283bd3f563..9a6223b6dae49c0 100644 --- a/files/en-us/web/css/reference/values/param/index.md +++ b/files/en-us/web/css/reference/values/param/index.md @@ -56,9 +56,18 @@ In this example the SVG attributes are updated with the {{cssxref("link-paramete ```html
- A square with a chartreuse border and a dark green fill. - A square with a slate grey border and a light grey fill. - A square with a fuchsia border and a yellow fill. + A square with a chartreuse border and a dark green fill. + A square with a slate grey border and a light grey fill. + A square with a fuchsia border and a yellow fill.
```