Blitz - WPT: img-with-url-function-2.html

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

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

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Link Parameters - img element with url function and multiple url modifiers</title>
<link rel="author" title="Divyansh Mangal" href="mailto:dmangal@microsoft.com">
<link rel="help" href="https://drafts.csswg.org/css-link-params/#setting-url">
<link rel="help" href="https://www.w3.org/TR/css-values/#url-values"/>
<link rel="match" href="circle-green-with-stroke-ref.html"/>
<style>
  .image-with-params {
  width:100px;
  height:100px;
  background-image: url("circle-with-parameters.svg" param(--color, green) param(--stroke, blue));
  }
</style>
<div class="image-with-params"></div>

/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>