title: SVG/CSS stroke dashed line with two colors - is it possible?
body: <p>Is it possible to use CSS to define a line (or shape edge) with two alternating colors that are dashed? That is, if 1 and 2 are different colored pixels, then</p>
  
  <p>1212121212121212 or 112211221122</p>
  
  <p>I basically want some way to use stroke-dasharray with two colors. The line itself is completely colored.</p>
  
  <p>If this is not possible, what is a good way to approximate it? For example, I could create a repeated linear gradient with two colors alternating, but this would be hard to set the two colors from javascript. </p>