You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
*[Support `width` and `height` presentational attributes on nested `<svg>` elements](#support-width-and-height-presentational-attributes-on-nested-svg-elements)
24
23
*[Web APIs](#web-apis)
25
24
*[`ariaNotify()` API](#arianotify-api)
26
25
*[IndexedDB `getAllRecords()` method and `direction` option for `getAll()` and `getAllKeys()`](#indexeddb-getallrecords-method-and-direction-option-for-getall-and-getallkeys)
@@ -72,37 +71,6 @@ See also:
72
71
*[::search-text](https://drafts.csswg.org/css-pseudo-4/#selectordef-search-text) in _CSS Pseudo-Elements Module Level 4_.
73
72
74
73
75
-
<!-- ---------- -->
76
-
###### Support `width` and `height` presentational attributes on nested `<svg>` elements
77
-
78
-
You can now use the `width` and `height` presentational attributes on nested `<svg>` elements, through both SVG markup and CSS. This approach provides greater flexibility, allowing you to style SVG elements more efficiently within complex designs.
79
-
80
-
With this feature, the following two HTML code snippets now produce the same output:
81
-
82
-
```html
83
-
<svgwidth="100px"height="100px">
84
-
<svgstyle="width:50px;height:50px;">
85
-
<circlecx="50px"cy="50px"r="40px"fill="green" />
86
-
</svg>
87
-
</svg>
88
-
```
89
-
90
-
In the above example, the second line uses a `style` attribute that contains `width` and `height` values.
91
-
92
-
```html
93
-
<svgwidth="100px"height="100px">
94
-
<svgwidth="50px"height="50px">
95
-
<circlecx="50px"cy="50px"r="40px"fill="green" />
96
-
</svg>
97
-
</svg>
98
-
```
99
-
100
-
In the above example, the second line uses separate `width` and `height` attributes.
101
-
102
-
See also:
103
-
*[`<svg>`](https://developer.mozilla.org/docs/Web/SVG/Reference/Element/svg) at MDN.
0 commit comments