title: How to add a border on 1 or 2 sides, top, bottom, left, right of a rectangle
body: <p>Good day.</p>
  
  <p>I'm not new in javascript and CSS, but I'm also not to good with SVG.</p>
  
  <p>I've been battling with this issue.</p>
  
  <p>I would like to know can you add borders to only one side of a rectangle. 
  e.g. Just the bottom or just the left.</p>
  
  <p>I've been to these links while searching but not helping much.</p>
  
  <p><a href="https://stackoverflow.com/questions/16071515/stroke-left-and-right-side-of-rect-svg">Stroke left and right side of rect svg</a></p>
  
  <p><a href="https://stackoverflow.com/questions/8976791/how-to-set-a-stroke-width1-on-only-certain-sides-of-svg-shapes">How to set a stroke-width:1 on only certain sides of SVG shapes?</a></p>
  
  <p>Thank you advance. </p>
  
  <p>(",)</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I hope this will be more clear to your understanding.</p>
  
  <pre><code>&lt;g id="fdtElem307Group" fdtUngroupable="fdtUngroupable" fdtSelectable="fdtSelectable" fdtType="cursiveNotes" fdtTypeFormat="Converted" fdtFormatOptions="1" fdtFormat="Cursive" fdtTabIndex="24" fdtFieldName="Notes18" fdtResizable="fdtResizable" fdtfont-size="12" fdtRows="4"&gt;
  &lt;rect id="fdtElem303" fill="#ffffff" stroke="#000000" stroke-dasharray="5,2" stroke-width="1" x="114" y="968" width="240" height="24" vector-effect="non-scaling-stroke" fdtSelectable="fdtSelectable" fdtActualHeight="25" fdtActualWidth="241" fdtActualY="967" fdtActualX="113"&gt;&lt;/rect&gt;
  &lt;rect id="fdtElem304" fill="#ffffff" stroke="#000000" stroke-dasharray="5,2" stroke-width="1" x="114" y="992" width="240" height="24" vector-effect="non-scaling-stroke" fdtSelectable="fdtSelectable" fdtActualHeight="25" fdtActualWidth="241" fdtActualY="991" fdtActualX="113"&gt;&lt;/rect&gt;
  &lt;rect id="fdtElem305" fill="#ffffff" stroke="#000000" stroke-dasharray="5,2" stroke-width="1" x="114" y="1016" width="240" height="24" vector-effect="non-scaling-stroke" fdtSelectable="fdtSelectable" fdtActualHeight="25" fdtActualWidth="241" fdtActualY="1015" fdtActualX="113"&gt;&lt;/rect&gt;
  &lt;rect id="fdtElem306" fill="#ffffff" stroke="#000000" stroke-dasharray="5,2" stroke-width="1" x="114" y="1040" width="240" height="24" vector-effect="non-scaling-stroke" fdtSelectable="fdtSelectable" fdtActualHeight="25" fdtActualWidth="241" fdtActualY="1039" fdtActualX="113"&gt;&lt;/rect&gt;
  &lt;/g&gt;
  </code></pre>