title: Flex Spark Border Only On 3 Sides of Button
body: <p>I have a skin class whose host component is a Toggle Button. I need to be able to add a border around it but only on the top, left, and right sides, As I understand it you have to the: <code>&lt;s:Line&gt;</code> component. So I added:</p>
  
  <pre><code>&lt;s:Line   left="0" top="0" right="0"&gt;
      &lt;s:stroke&gt;
  
          &lt;s:LinearGradientStroke  rotation="180" weight="2" caps="square"&gt;
              &lt;s:GradientEntry color="0xffffff" 
                               alpha="0"
                               alpha.selectedStates="1"/&gt;
  
              &lt;s:GradientEntry color="0xffffff" 
                               alpha="0" 
                               alpha.selectedStates="1" /&gt;
          &lt;/s:LinearGradientStroke&gt;
  
      &lt;/s:stroke&gt;
  &lt;/s:Line&gt;
  </code></pre>
  
  <p>This worked for the top line , But I can't seem to get the left and right lines. I tried: this for the left side line, but it did not work (no line showed up):</p>
  
  <pre><code>&lt;s:Line   left="0" top="0"&gt;
      &lt;s:stroke&gt;
  
          &lt;s:LinearGradientStroke  rotation="90" weight="2" caps="square"&gt;
              &lt;s:GradientEntry color="0xffffff" 
                               alpha="0"
                               alpha.selectedStates="1"/&gt;
  
              &lt;s:GradientEntry color="0xffffff" 
                               alpha="0" 
                               alpha.selectedStates="1" /&gt;
          &lt;/s:LinearGradientStroke&gt;
  
      &lt;/s:stroke&gt;
  &lt;/s:Line&gt;
  </code></pre>
  
  <p>How can I achieve the 3 Lines around the button?</p>