Blitz - WPT: css-linked-parameters-precedence-2.html

wpt / svg / styling / css-linked-parameters / css-linked-parameters-precedence-2.html

/svg/styling/css-linked-parameters/css-linked-parameters-precedence-2.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Link Parameters - url function with modifier take precedence over URL fragment identifier</title>
<link rel="author" title="Divyansh Mangal" href="mailto:dmangal@microsoft.com">
<link rel="help" href="https://drafts.csswg.org/css-link-params/#setting">
<link rel="match" href="circle-green-ref.html"/>
<style>
  .image-with-params {
  width:100px;
  height:100px;
  background-image: url("circle-with-parameters.svg#param(--color,red)" param(--color, green));
  }
</style>
<div class="image-with-params"></div>

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