Blitz - WPT: img-with-linked-parameters-2.html

wpt / svg / styling / css-linked-parameters / img-with-linked-parameters-2.html

/svg/styling/css-linked-parameters/img-with-linked-parameters-2.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Link Parameters - img element with multiple link-parameters</title>
<link rel="author" title="Divyansh Mangal" href="mailto:dmangal@microsoft.com">
<link rel="help" href="https://drafts.csswg.org/css-link-params/#link-param-prop">
<link rel="match" href="circle-green-with-stroke-ref.html"/>
<style>
  img {
  link-parameters: param(--color, green), param(--stroke, blue);
  }
</style>

<img src="circle-with-parameters.svg">

/svg/styling/css-linked-parameters/circle-green-with-stroke-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" stroke="blue"/>
</svg>