title: How to get a border around this polygon?
body: <p>I have created a shape with 5 corners using <code>polygon</code> as shown below.</p>
  
  <p><a href="https://i.stack.imgur.com/LuFPo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LuFPo.png" alt="enter image description here"></a></p>
  
  <p>This is the css needed to make it:</p>
  
  <pre><code>div {
      width: 280px;
      height: 280px;
      background: #1e90ff;
      -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 48%, 0% 0%);
      clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 48%, 0% 0%);
      border: 3px solid black;
      border-bottom-left-radius: 15px;
      border-top-left-radius: 15px;
  }
  </code></pre>
  
  <p>Unfortunately I cannot get it to add a black border all around the shape (it is missing on the right side). How would I do that?</p>
  
  <p>I have created a fiddle <a href="https://jsfiddle.net/d8tb4g0z/" rel="nofollow noreferrer">here</a>.</p>