title: image-border with svg - fill
body: <p>i have an element which is styled using an image-border using SVG.
  I would like to change the color of the SVG using CSS.
  The normal fill:color attribute works with direct paths and svg elements, but i can't manage to change the color of the image-border using fill.</p>
  
  <p>my current code:</p>
  
  <pre><code>&lt;div class="test"&gt;
  test
  &lt;/div&gt;
  </code></pre>
  
  <p>and the css:</p>
  
  <pre><code>.test{
  border-image-source: url("dots.svg");
  border-width: 0 0 8px 0;
  border-image-slice: 29% 29%; 
  border-image-repeat: round;
  
  fill: green;
  }
  </code></pre>
  
  <p>How can i change the SVG color in image-border?</p>