title: Box-shadow over border
body: <p>I have this problem where I want to have a border and a box-shadow, but the shadow must be over the border.</p>
  
  <p>The box-shadow property starts when the border ends, is it possible to move it over the border?</p>
  
  <pre><code>.border
  {       
      border: solid rgba(128,42,42,.98) 16px;
  }
  
  
  .img-box-shadow
  {
      -moz-box-shadow: 0px 0px 20px #000000;
      -webkit-box-shadow: 0px 0px 20px #000000;
      box-shadow: 0px 0px 20px #000000;
  }
  </code></pre>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;img class="border img-box-shadow" src="img.png"&gt;
  </code></pre>
  
  <p>Already tried inset in my box shadow, but it didn't work!</p>
  
  <p>I'm looking for this effect:</p>
  
  <p><img src="https://i.stack.imgur.com/iTRaJ.png" alt="border"></p>
  
  <p>And I'm getting this result:</p>
  
  <p><img src="https://i.stack.imgur.com/OmtwJ.png" alt="shadow in border"></p>