title: Is it possible to have two strokes on an SVG element?
body: <p>I have some SVG elements (rectangles). When I double click on these I add a class to the rectangle.</p>
  
  <p>This class is like so : </p>
  
  <pre><code>.highlighted {
      stroke: green;
      stroke-width : 3px;     
  }
  </code></pre>
  
  <p>Basically a green border. I tried the class like this :</p>
  
  <pre><code>.highlighted {
      border: 3px solid green;
  }
  </code></pre>
  
  <p>But it doesn't work as I'm working with SVG not HTML.</p>
  
  <p>My question is, is it possible to have multiple strokes on one SVG rectangle element ? </p>