Skip to content

Update SVG attributes page #41583

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
+29 −25
Open

Update SVG attributes page #41583

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
7186c43
Refactor SVG attributes page. Link events
estelle Oct 18, 2025
37f0879
Update files/en-us/web/svg/reference/attribute/index.md
estelle Oct 18, 2025
ec0816d
Merge branch 'main' into estelle-patch-1
estelle Oct 18, 2025
77d3088
link
estelle Oct 18, 2025
e6b1613
note
estelle Oct 18, 2025
7b7036b
Fixes
Josh-Cena Oct 19, 2025
255b296
Merge branch 'main' into estelle-patch-1
estelle Oct 20, 2025
6a52aea
revert event list
estelle Oct 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion ...riting_guidelines/page_structures/page_types/svg_element_page_template/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ _To use this macro, remove the backticks and backslash in the markdown file._

### Global attributes

- [Generic attributes](/en-US/docs/Web/SVG/Reference/Attribute#generic_attributes)
- [Core attributes](/en-US/docs/Web/SVG/Reference/Attribute#core_attributes)
- [Event attributes](/en-US/docs/Web/SVG/Reference/Attribute#event_attributes)
- [Presentation attributes](/en-US/docs/Web/SVG/Reference/Attribute#presentation_attributes)
- {{SVGAttr("class")}}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/reference/attribute/crossorigin/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: "SVG attribute: crossorigin"
title: crossorigin
slug: Web/SVG/Reference/Attribute/crossorigin
page-type: svg-attribute
browser-compat:
Expand Down
50 changes: 27 additions & 23 deletions files/en-us/web/svg/reference/attribute/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -291,37 +291,44 @@ Below is a list of all of the attributes available in SVG along with links to re

## SVG attributes by category

### Generic attributes

- Core attributes
- {{SVGAttr("id")}}
- {{SVGAttr("class")}}
- {{SVGAttr("style")}}
- {{SVGAttr("lang")}}
- {{SVGAttr("tabindex")}}
- {{SVGAttr("autofocus")}}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You need to restore autofocus in the new list

- {{SVGAttr("xml:lang")}}
- {{SVGAttr("xml:space")}}

- Conditional processing attributes
- {{SVGAttr("requiredExtensions")}}
- {{SVGAttr("requiredFeatures")}}
- {{SVGAttr("systemLanguage")}}
### Core attributes

The core attributes are global attributes.

- {{SVGAttr("id")}}
- {{SVGAttr("class")}}
- {{SVGAttr("style")}}
- {{SVGAttr("lang")}}
- {{SVGAttr("tabindex")}}
- {{SVGAttr("xml:lang")}}
- {{SVGAttr("xml:space")}}

### Conditional processing attributes

The conditional processing attributes control whether or not the element on which it appears is processed.

- {{SVGAttr("requiredExtensions")}}
- {{SVGAttr("requiredFeatures")}}
- {{SVGAttr("systemLanguage")}}

### XLink attributes

- {{SVGAttr("xlink:href")}}{{deprecated_inline}}
The XLink attributes can reference resources.

- {{SVGAttr("xlink:href")}} {{deprecated_inline}}
- {{SVGAttr("xlink:type")}}
- {{SVGAttr("xlink:role")}}
- {{SVGAttr("xlink:arcrole")}}
- {{SVGAttr("xlink:title")}}
- {{SVGAttr("xlink:title")}} {{deprecated_inline}}
- {{SVGAttr("xlink:show")}}
- {{SVGAttr("xlink:actuate")}}
Comment on lines +318 to 324
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All of these should be deprecated


### Presentation attributes

All SVG presentation attributes can be used as CSS properties.

> [!NOTE]
> All SVG presentation attributes can be used as CSS properties.
> Whether these attributes are presentation attributes depends on the element on which they are set. For example, `x` is a presentation attribute for {{svgelem("circle")}}, but not for {{svgelem("tspan")}}; it's the coordinate of the starting point of the text baseline, or the x coordinate of each individual glyph if a list of values is provided.

- {{SVGAttr("alignment-baseline")}}
- {{SVGAttr("baseline-shift")}}
Expand Down Expand Up @@ -395,7 +402,7 @@ Below is a list of all of the attributes available in SVG along with links to re

### Filters attributes

- Filter primitive attributes
- Filter primitive attributes (presentation attributes)
- : {{SVGAttr("height")}}, {{SVGAttr("result")}}, {{SVGAttr("width")}}, {{SVGAttr("x")}}, {{SVGAttr("y")}}
- Transfer function attributes
- : {{SVGAttr("type")}}, {{SVGAttr("tableValues")}}, {{SVGAttr("slope")}}, {{SVGAttr("intercept")}}, {{SVGAttr("amplitude")}}, {{SVGAttr("exponent")}}, {{SVGAttr("offset")}}
Expand Down Expand Up @@ -438,7 +445,6 @@ Below is a list of all of the attributes available in SVG along with links to re
- **`onend`**
- **`onended`**
- **`onerror`**
- **`onerror`**
- **`onfocus`**
- **`onfocusin`**
- **`onfocusout`**
Expand Down Expand Up @@ -467,8 +473,6 @@ Below is a list of all of the attributes available in SVG along with links to re
- **`onrepeat`**
- **`onreset`**
- **`onresize`**
- **`onresize`**
- **`onscroll`**
- **`onscroll`**
- **`onseeked`**
- **`onseeking`**
Expand Down
Loading