use-symbol-inline-css-001.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/struct/reftests/use-symbol-inline-css-001.svg - WPT Dashboard Interop Dashboard

Default Checkerboard Light Dark

<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml">

  <title>Width and Height as inline CSS properties on use and referencing symbol element</title>

  <metadata>

    <html:link rel="author" title="Virali Purbey" href="mailto:viralipurbey@microsoft.com"/>

    <html:link rel="help" href="https://svgwg.org/svg2-draft/struct.html#SymbolElement"/>

    <html:link rel="help" href="https://svgwg.org/svg2-draft/struct.html#UseElement"/>

    <html:link rel="match" href="reference/green-100x100.svg"/>

  </metadata>

  <defs>

    <symbol id="sym" width="200" height="200">

      <rect width="400" height="400" fill="green"/>

    </symbol>

  </defs>

  <use href="#sym" style="width:100px; height:100px"/>

</svg>