css-var-on-length-attributes-01.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/styling/css-var-on-length-attributes-01.svg - WPT Dashboard Interop Dashboard

Default Checkerboard Light Dark

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

  <title>Usage of css var() on svg width and height attributes (units specified)</title>

  <html:link rel="author" title="Divyansh Mangal" href="mailto:dmangal@microsoft.com"/>

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

  <style>

    rect {

      --length: 100px;

  </style>

  <rect width="var(--length)" height="var(--length)" fill="green"/>

</svg>