Add links for svg presentation attributes

files/en-us/web/css/alignment-baseline/index.md

@@ -160,6 +160,6 @@ text:nth-of-type(8) {
 ## See also
 
 - {{cssxref("dominant-baseline")}}
-- {{SVGAttr("alignment-baseline")}} SVG attribute
+- SVG {{SVGAttr("alignment-baseline")}} attribute
 - [CSS inline layout](/en-US/docs/Web/CSS/CSS_inline_layout) module
 - [CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module

files/en-us/web/css/clip-path/index.md

@@ -635,10 +635,9 @@ clipPathSelect.addEventListener("change", (evt) => {
 
 ## See also
 
+- {{CSSxRef("clip-rule")}}
+- {{CSSxRef("mask")}}
+- {{CSSxRef("filter")}}
+- SVG {{SVGAttr("clip-path")}} attribute
 - [Shapes in clipping and masking – and how to use them](https://hacks.mozilla.org/2017/06/css-shapes-clipping-and-masking/)
-- CSS properties: {{cssxref("mask")}}, {{cssxref("filter")}}
 - [Applying SVG effects to HTML content](/en-US/docs/Web/SVG/Applying_SVG_effects_to_HTML_content)
-- SVG attributes:
-
-  - {{SVGAttr("clip-path")}}
-  - {{SVGAttr("clip-rule")}}

files/en-us/web/css/color-interpolation-filters/index.md

@@ -57,6 +57,6 @@ color-interpolation-filters: unset;
 
 ## See also
 
+- {{cssxref("color-interpolation")}}
 - SVG {{SVGAttr("color-interpolation-filters")}} attribute
-- SVG {{SVGAttr("color-interpolation")}} attribute
 - [sRGB specification](https://webstore.iec.ch/en/publication/6169)

files/en-us/web/css/color-interpolation/index.md

@@ -128,4 +128,4 @@ svg {
 
 - {{SVGElement("linearGradient")}}
 - {{SVGElement("radialGradient")}}
-- {{SVGAttr("color-interpolation")}}
+- SVG {{SVGAttr("color-interpolation")}} attribute

files/en-us/web/css/color/index.md

@@ -143,5 +143,6 @@ p {
 
 - The {{cssxref("<color>")}} data type
 - Other color-related properties: {{cssxref("background-color")}}, {{cssxref("border-color")}}, {{cssxref("outline-color")}}, {{cssxref("text-decoration-color")}}, {{cssxref("text-emphasis-color")}}, {{cssxref("text-shadow")}}, {{cssxref("caret-color")}}, {{cssxref("column-rule-color")}}, and {{cssxref("print-color-adjust")}}
+- SVG {{SVGAttr("color")}} attribute
 - [Applying color to HTML elements using CSS](/en-US/docs/Web/CSS/CSS_colors/Applying_color)
 - [WCAG: color contrast](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast)

files/en-us/web/css/cursor/index.md

@@ -400,3 +400,4 @@ Cursor changes that intersect toolbar areas are commonly blocked to avoid spoofi
 
 - {{cssxref("pointer-events")}}
 - {{cssxref("url_value", "<url>")}} type
+- SVG {{SVGAttr("cursor")}} attribute

files/en-us/web/css/direction/index.md

@@ -91,7 +91,8 @@ blockquote {
 
 ## See also
 
-- {{Cssxref("unicode-bidi")}}
-- {{Cssxref("writing-mode")}}
+- {{CSSxRef("unicode-bidi")}}
+- {{CSSxRef("writing-mode")}}
+- SVG {{SVGAttr("direction")}} attribute
 - The HTML [`dir`](/en-US/docs/Web/HTML/Global_attributes/dir) global attribute
 - [Creating vertical form controls](/en-US/docs/Web/CSS/CSS_writing_modes/Vertical_controls)

files/en-us/web/css/display/index.md

@@ -466,7 +466,8 @@ You can find more examples in the pages for each separate display type under [Gr
 
 ## See also
 
-- [Block and inline layout in normal flow](/en-US/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow)
-- [Introduction to formatting contexts](/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts)
 - {{CSSxRef("visibility")}}, {{CSSxRef("float")}}, {{CSSxRef("position")}}
 - {{CSSxRef("grid")}}, {{CSSxRef("flex")}}
+- SVG {{SVGAttr("display")}} attribute
+- [Block and inline layout in normal flow](/en-US/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow)
+- [Introduction to formatting contexts](/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts)

files/en-us/web/css/dominant-baseline/index.md

@@ -155,4 +155,4 @@ text:nth-of-type(8) {
 - {{cssxref('alignment-baseline')}}
 - {{cssxref('text-anchor')}}
 - {{cssxref('vertical-align')}}
-- {{SVGAttr('dominant-baseline')}} SVG attribute
+- SVG {{SVGAttr('dominant-baseline')}} attribute

files/en-us/web/css/filter/index.md

@@ -233,8 +233,9 @@ The filters are applied in order. This is why the drop shadows are not the same
 
 ## See also
 
-- CSS {{cssxref("backdrop-filter")}} property
+- {{cssxref("backdrop-filter")}}
+- {{cssxref("mask")}}
+- SVG {{SVGAttr("filter")}} attribute
 - CSS [compositing and blending](/en-US/docs/Web/CSS/CSS_compositing_and_blending) module, including the CSS {{cssxref("background-blend-mode")}} and {{cssxref("mix-blend-mode")}} properties.
-- The CSS {{cssxref("mask")}} property
 - [SVG](/en-US/docs/Web/SVG), including the SVG {{SVGElement("filter")}} element and SVG {{SVGAttr("filter")}} attribute.
 - [Applying SVG effects to HTML content](/en-US/docs/Web/SVG/Applying_SVG_effects_to_HTML_content)

files/en-us/web/css/font-family/index.md

@@ -224,4 +224,5 @@ font-family:
 
 - {{cssxref("font-style")}}
 - {{cssxref("font-weight")}}
+- SVG {{SVGAttr("font-family")}} attribute
 - [Learn: Fundamental text and font styling](/en-US/docs/Learn_web_development/Core/Text_styling/Fundamentals)

files/en-us/web/css/font-size-adjust/index.md

@@ -229,4 +229,5 @@ span {
 - {{cssxref("font-size")}}
 - {{cssxref("font-weight")}}
 - {{cssxref("@font-face/size-adjust", "size-adjust")}} `@font-face` descriptor
+- SVG {{SVGAttr("font-size-adjust")}} attribute
 - [Learn: Fundamental text and font styling](/en-US/docs/Learn_web_development/Core/Text_styling/Fundamentals)

files/en-us/web/css/font-size/index.md

@@ -224,4 +224,5 @@ See the W3C Editor's Draft for a more detailed description of [font-relative len
 - {{cssxref("font-weight")}}
 - {{cssxref("math-depth")}}
 - {{cssxref("math-style")}}
+- SVG {{SVGAttr("font-size")}} attribute
 - [Learn: Fundamental text and font styling](/en-US/docs/Learn_web_development/Core/Text_styling/Fundamentals)

files/en-us/web/css/font-stretch/index.md

@@ -259,5 +259,6 @@ p {
 
 - {{cssxref("font-style")}}
 - {{cssxref("font-weight")}}
+- SVG {{SVGAttr("font-stretch")}} attribute
 - [Learn: Fundamental text and font styling](/en-US/docs/Learn_web_development/Core/Text_styling/Fundamentals)
 - [CSS fonts](/en-US/docs/Web/CSS/CSS_fonts) module

files/en-us/web/css/font-style/index.md

@@ -131,4 +131,5 @@ Large sections of text set with a `font-style` value of `italic` may be difficul
 
 - {{cssxref("font-family")}}
 - {{cssxref("font-weight")}}
+- SVG {{SVGAttr("font-style")}} attribute
 - [Learn: Fundamental text and font styling](/en-US/docs/Learn_web_development/Core/Text_styling/Fundamentals)

files/en-us/web/css/font-variant/index.md

@@ -120,6 +120,7 @@ p.small {
 
 ## See also
 
-- [`text-transform`](/en-US/docs/Web/CSS/text-transform)
-- [`text-combine-upright`](/en-US/docs/Web/CSS/text-combine-upright)
-- [`text-orientation`](/en-US/docs/Web/CSS/text-orientation)
+- {{cssxref("text-transform")}}
+- {{cssxref("text-combine-upright")}}
+- {{cssxref("text-orientation")}}
+- SVG {{SVGAttr("font-variant")}} attribute

files/en-us/web/css/font-weight/index.md

@@ -267,5 +267,6 @@ span {
 
 - {{cssxref("font-family")}}
 - {{cssxref("font-style")}}
+- SVG {{SVGAttr("font-weight")}} attribute
 - [Learn: Fundamental text and font styling](/en-US/docs/Learn_web_development/Core/Text_styling/Fundamentals)
 - [CSS fonts](/en-US/docs/Web/CSS/CSS_fonts) module

files/en-us/web/css/height/index.md

@@ -147,5 +147,6 @@ div {
 - {{cssxref("anchor-size()")}}
 - {{cssxref("clamp", "clamp()")}}
 - {{cssxref("clamp", "minmax()")}}
+- SVG {{SVGAttr("height")}} attribute
 - [Introduction to the CSS basic box model](/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model)
 - [CSS box model](/en-US/docs/Web/CSS/CSS_box_model) module

files/en-us/web/css/letter-spacing/index.md

@@ -110,3 +110,4 @@ Some written languages should not have any letter spacing applied. For instance,
 
 - {{cssxref("font-kerning")}}
 - {{cssxref("word-spacing")}}
+- SVG {{SVGAttr("letter-spacing")}} attribute

files/en-us/web/css/mask/index.md

@@ -108,7 +108,8 @@ mask:
 
 ## See also
 
-- {{Cssxref("clip-path")}}, {{Cssxref("filter")}}
+- {{CSSxRef("clip-path")}}
+- {{CSSxRef("filter")}}
+- SVG {{SVGAttr("mask")}} attribute
 - [CSS Shapes, clipping and masking – and how to use them](https://hacks.mozilla.org/2017/06/css-shapes-clipping-and-masking/)
 - [Applying SVG effects to HTML content](/en-US/docs/Web/SVG/Applying_SVG_effects_to_HTML_content)
-- [SVG](/en-US/docs/Web/SVG)

files/en-us/web/css/opacity/index.md

@@ -210,3 +210,4 @@ To style elements based on user's operating systems transparency preferences, us
 
 - [`prefers-reduced-transparency`](/en-US/docs/Web/CSS/@media/prefers-reduced-transparency) media query
 - [CSS color](/en-US/docs/Web/CSS/CSS_colors) module
+- SVG {{SVGAttr("opacity")}} attribute

files/en-us/web/css/overflow/index.md

@@ -214,5 +214,6 @@ p.overlay {
 - {{Cssxref("overflow-x")}}, {{Cssxref("overflow-y")}}
 - {{Cssxref("overflow-block")}}, {{Cssxref("overflow-clip-margin")}}, {{Cssxref("overflow-inline")}}
 - {{Cssxref("clip")}}, {{Cssxref("display")}}, {{cssxref("text-overflow")}}, {{cssxref("white-space")}}
-- [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow)
+- SVG {{SVGAttr("overflow")}} attribute
+- [CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module
 - [Keyboard-only scrolling areas](https://adrianroselli.com/2022/06/keyboard-only-scrolling-areas.html) on adrianroselli.com (2022)

files/en-us/web/css/pointer-events/index.md

@@ -137,8 +137,8 @@ a[href="http://example.com"]
 
 ## See also
 
-- The SVG attribute {{SVGAttr("pointer-events")}}
-- The SVG attribute {{SVGAttr("visibility")}}
-- The {{domxref("PointerEvent")}} API
+- {{domxref("PointerEvent")}}
+- SVG {{SVGAttr("pointer-events")}} attribute
+- SVG {{SVGAttr("visibility")}} attribute
 - [WebKit Specs PointerEventsProperty](https://webkit.org/specs/PointerEventsProperty.html) extended for use in (X)HTML content
 - {{cssxref("user-select")}} - controls whether the user can select text

files/en-us/web/css/rx/index.md

@@ -201,3 +201,4 @@ When using percentage values for `rx`, the values are relative to the width of t
 - {{cssxref("border-radius")}} shorthand property
 - {{cssxref("gradient/radial-gradient", "radial-gradient")}}
 - {{cssxref("basic-shape")}} data type
+- SVG {{SVGAttr("rx")}} attribute

files/en-us/web/css/ry/index.md

@@ -201,3 +201,4 @@ When using percentage values for `ry`, the values are relative to the height of
 - {{cssxref("border-radius")}} shorthand property
 - {{cssxref("gradient/radial-gradient", "radial-gradient")}}
 - {{cssxref("basic-shape")}} data type
+- SVG {{SVGAttr("ry")}} attribute

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

@@ -126,4 +126,5 @@ The `text-decoration` property is specified as one or more space-separated value
 
 - The individual text-decoration properties are {{cssxref("text-decoration-line")}}, {{cssxref("text-decoration-color")}}, {{cssxref("text-decoration-style")}}, and {{cssxref("text-decoration-thickness")}}.
 - The {{cssxref("text-decoration-skip-ink")}}, {{cssxref("text-underline-offset")}}, and {{cssxref("text-underline-position")}} properties also affect text-decoration, but are not included in the shorthand.
-- The {{cssxref("list-style")}} attribute controls the appearance of items in HTML {{HTMLElement("ol")}} and {{HTMLElement("ul")}} lists.
+- The {{cssxref("list-style")}} property controls the appearance of items in HTML {{HTMLElement("ol")}} and {{HTMLElement("ul")}} lists.
+- SVG {{SVGAttr("text-decoration")}} attribute

files/en-us/web/css/transform-origin/index.md

@@ -320,4 +320,5 @@ transform-origin: 100% -30%;
 ## See also
 
 - [Using CSS transforms](/en-US/docs/Web/CSS/CSS_transforms/Using_CSS_transforms)
+- SVG {{SVGAttr("transform-origin")}} attribute
 - <https://css-tricks.com/almanac/properties/t/transform-origin/>

files/en-us/web/css/transform/index.md

@@ -196,4 +196,5 @@ Please see [Using CSS transforms](/en-US/docs/Web/CSS/CSS_transforms/Using_CSS_t
 - [Using CSS transforms](/en-US/docs/Web/CSS/CSS_transforms/Using_CSS_transforms)
 - {{cssxref("<transform-function>")}} data type with all the transform functions explained.
 - Individual CSS properties: {{cssxref('translate')}}, {{cssxref('rotate')}}, and {{cssxref('scale')}} (there is no `skew` property).
+- SVG {{SVGAttr("transform")}} attribute
 - Online tool to visualize CSS Transform functions: [CSS Transform Playground](https://css-transform.moro.es/)

files/en-us/web/css/unicode-bidi/index.md

@@ -92,3 +92,4 @@ unicode-bidi: unset;
 ## See also
 
 - {{Cssxref("direction")}}
+- SVG {{SVGAttr("unicode-bidi")}} attribute

files/en-us/web/css/visibility/index.md

@@ -149,3 +149,4 @@ td {
 ## See also
 
 - {{cssxref("display")}}
+- SVG {{SVGAttr("visibility")}} attribute

files/en-us/web/css/width/index.md

@@ -187,5 +187,6 @@ p.min-blue {
 - {{cssxref("min-width")}}, {{cssxref("max-width")}}
 - {{cssxref("block-size")}}, {{cssxref("inline-size")}}
 - {{cssxref("anchor-size()")}}
+- SVG {{SVGAttr("width")}} attribute
 - [Introduction to the CSS basic box model](/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model)
 - [CSS box model](/en-US/docs/Web/CSS/CSS_box_model) module

files/en-us/web/css/word-spacing/index.md

@@ -87,3 +87,4 @@ Legible `word-spacing` must be determined on a case-by-case basis, as different
 ## See also
 
 - {{cssxref("letter-spacing")}}
+- SVG {{SVGAttr("word-spacin")}} attribute

files/en-us/web/css/writing-mode/index.md

@@ -291,11 +291,11 @@ span {
 
 ## See also
 
-- SVG [`writing-mode`](/en-US/docs/Web/SVG/Attribute/writing-mode) attribute
 - {{Cssxref("direction")}}
 - {{Cssxref("unicode-bidi")}}
 - {{Cssxref("text-orientation")}}
 - {{Cssxref("text-combine-upright")}}
+- SVG {{SVGAttr("writing-mode")}} attribute
 - [CSS logical properties](/en-US/docs/Web/CSS/CSS_logical_properties_and_values)
 - [Styling vertical text (Chinese, Japanese, Korean and Mongolian)](https://www.w3.org/International/articles/vertical-text/) on W3.org (2022)
 - [CSS writing modes](/en-US/docs/Web/CSS/CSS_writing_modes) module

files/en-us/web/svg/attribute/alignment-baseline/index.md

@@ -145,4 +145,5 @@ For object alignment in other elements (such as {{SVGElement("text")}}), see {{S
 
 ## See also
 
+- CSS {{cssxref("alignment-baseline")}} property
 - [CSS baseline alignment](/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment#baseline_alignment)

files/en-us/web/svg/attribute/clip-path/index.md

@@ -132,4 +132,4 @@ svg {
 
 ## See also
 
-- The CSS {{cssxref("clip-path")}} property
+- CSS {{cssxref("clip-path")}} property

files/en-us/web/svg/attribute/clip-rule/index.md

@@ -104,5 +104,5 @@ The following elements can use the `clip-rule` attribute, but only if they are i
 
 ## See also
 
-- {{ SVGElement("clipPath") }}
 - CSS {{cssxref("clip-rule")}} property
+- {{ SVGElement("clipPath") }}

files/en-us/web/svg/attribute/color-interpolation/index.md

@@ -204,7 +204,7 @@ In this fourth SVG, the `color-interpolation` attribute is included on the `<rad
 
 - {{SVGElement("linearGradient")}}
 - {{SVGElement("radialGradient")}}
-- {{CSSXref("color-interpolation")}}
+- CSS {{cssxref("color-interpolation")}} property
 - [sRGB specification](https://webstore.iec.ch/en/publication/6169)
 - {{SVGAttr("color-interpolation-filters")}}
 - [Computer color is broken](https://www.youtube.com/watch?v=LKnqECcg6Gw) - popular demonstration of linearRGB

files/en-us/web/svg/attribute/color/index.md

@@ -70,3 +70,7 @@ svg {
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- CSS {{cssxref("color")}} property

files/en-us/web/svg/attribute/cursor/index.md

@@ -64,4 +64,4 @@ The following elements can use the `cursor` attribute
 
 ## See also
 
-- {{cssxref("cursor")}}
+- CSS {{cssxref("cursor")}} property

files/en-us/web/svg/attribute/direction/index.md

@@ -74,4 +74,4 @@ svg {
 
 ## See also
 
-- {{cssxref("direction")}}
+- CSS {{cssxref("direction")}} property

files/en-us/web/svg/attribute/display/index.md

@@ -90,4 +90,4 @@ For a description of the values, please refer to the CSS {{cssxref("display")}}
 ## See also
 
 - {{SVGAttr("visibility")}} attribute
-- {{cssxref("display")}}
+- CSS {{cssxref("display")}} property

files/en-us/web/svg/attribute/fill-opacity/index.md

@@ -92,6 +92,7 @@ svg {
 
 ## See also
 
+- CSS {{cssxref("fill-opacity")}} property
 - {{SVGAttr("opacity")}}
 - {{SVGAttr("stop-opacity")}}
 - {{SVGAttr("stroke-opacity")}}

files/en-us/web/svg/attribute/fill-rule/index.md

@@ -179,3 +179,7 @@ svg {
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- CSS {{cssxref("fill-rule")}} property

files/en-us/web/svg/attribute/fill/index.md

@@ -513,3 +513,7 @@ For {{SVGElement('tspan')}}, `fill` is a presentation attribute that defines the
 ## Browser compatibility
 
 {{Compat}}
+
+## See also
+
+- CSS {{cssxref("fill")}} property

files/en-us/web/svg/attribute/filter/index.md

@@ -76,4 +76,4 @@ For a description of the values see the CSS {{cssxref("filter")}} property.
 ## See also
 
 - {{SVGElement("filter")}}
-- {{cssxref("filter")}}
+- CSS {{cssxref("filter")}} property

files/en-us/web/svg/attribute/flood-color/index.md

@@ -77,4 +77,5 @@ svg {
 
 ## See also
 
+- CSS {{cssxref("flood-color")}} property
 - {{SVGAttr("flood-opacity")}}

files/en-us/web/svg/attribute/flood-opacity/index.md

@@ -92,4 +92,5 @@ svg {
 
 ## See also
 
+- CSS {{cssxref("flood-opacity")}} property
 - {{SVGAttr("flood-color")}}

files/en-us/web/svg/attribute/font-family/index.md

@@ -69,4 +69,4 @@ For a description of the values, please refer to the [CSS `font-family`](/en-US/
 
 ## See also
 
-- {{cssxref("font-family")}}
+- CSS {{cssxref("font-family")}} property

files/en-us/web/svg/attribute/font-size-adjust/index.md

@@ -94,4 +94,4 @@ svg {
 
 ## See also
 
-- {{cssxref("font-size-adjust")}}
+- CSS {{cssxref("font-size-adjust")}} property

files/en-us/web/svg/attribute/font-size/index.md

@@ -72,4 +72,4 @@ For a description of the values, please refer to the [CSS `font-size`](/en-US/do
 
 ## See also
 
-- {{cssxref("font-size")}}
+- CSS {{cssxref("font-size")}} property

files/en-us/web/svg/attribute/font-stretch/index.md

@@ -48,4 +48,4 @@ You can use this attribute with the following SVG elements:
 
 ## See also
 
-- {{cssxref("font-stretch")}}
+- CSS {{cssxref("font-stretch")}} property

files/en-us/web/svg/attribute/font-style/index.md

@@ -69,4 +69,4 @@ For a description of the values, please refer to the [CSS `font-style`](/en-US/d
 
 ## See also
 
-- {{cssxref("font-style")}}
+- CSS {{cssxref("font-style")}} property

files/en-us/web/svg/attribute/font-variant/index.md

@@ -93,4 +93,4 @@ For a description of the values, please refer to the [CSS `font-variant`](/en-US
 
 ## See also
 
-- {{cssxref("font-variant")}}
+- CSS {{cssxref("font-variant")}} property

files/en-us/web/svg/attribute/font-weight/index.md

@@ -72,4 +72,4 @@ For a description of the values, please refer to the [CSS `font-weight`](/en-US/
 
 ## See also
 
-- {{cssxref("font-weight")}}
+- CSS {{cssxref("font-weight")}} property

files/en-us/web/svg/attribute/height/index.md

@@ -860,3 +860,7 @@ For {{SVGElement('use')}}, `height` defines the vertical length for the referenc
 ## Specifications
 
 {{Specifications}}
+
+## See also
+
+- CSS {{cssxref("height")}} property