wpt / svg / styling / css-var-on-length-attributes-06.html

Status: FAIL | Duration: 9ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/svg/styling/css-var-on-length-attributes-06.html

<!DOCTYPE html>
<title>Usage of css var() on circle radius attribute (units specified)</title>
<link rel="author" title="Divyansh Mangal" href="mailto:dmangal@microsoft.com">
<link rel="match" href="css-linked-parameters/circle-green-ref.html">
<style>
  circle {
    --radii: 48px
  }
</style>
<svg width="100px" height="100px">
  <circle cx="50px" cy="50px" r="var(--radii)" fill="green" stroke-width="2"/>
</svg>

/svg/styling/css-linked-parameters/circle-green-ref.html

<!DOCTYPE html>
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <circle cx="50" cy="50" r="48" fill="green" stroke-width="2"/>
</svg>