title: Challenge for polygon display within leaflet
body: <p>We have a specific design challenge for polygon display within leaflet (latest version).</p>
  <p>We have polygons which are rendered with a solid border as well as a semi-transparent background.
  We are looking for a way to draw a solid borderline as well as a wider &quot;inline&quot; border and no background.</p>
  <blockquote>
  <p>Note: the question is for polygons not rectangular. The below image
  and code is just for example.</p>
  </blockquote>
  <p>Is there any way to achieve this?</p>
  <pre><code>var polygon = L.polygon([
    [ 51.72872938200587, -2.415618896484375 ],
    [ 51.72872938200587, -2.080535888671875 ],
    [ 51.901918172561714, -2.080535888671875 ],
    [ 51.901918172561714, -2.415618896484375 ],
    [ 51.72872938200587, -2.415618896484375 ]
  
  ],{
   color:'#2F538F',
   fillOpacity: 0.9,
   fillColor: '#BFBFBF',
  }).addTo(map);
  </code></pre>
  <p><a href="https://i.stack.imgur.com/xXB7P.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xXB7P.png" alt="enter image description here" /></a></p>