title: Set different outline offsets for each side
body: <p>In CSS, I can set an outline width <code>outline: 1px solid red</code> and I can set its offset (similar to padding) with <code>outline-offset: 5px</code>. </p>
  
  <p>However, this method does not allow for the shorthand method used by <code>padding</code>, like <code>border: 1px 2px 3px 4px</code> and there doesn't seem to be an <code>outline-offset-left: 1px</code> option. </p>
  
  <p>So, is there a way to set different offsets on each side for a CSS outline? Note that I don't want to use <code>padding</code>; it would offset the outlines how I'd like, but it would also add extra padding to elements where I don't want to, which is the whole reason I am using <code>outline</code> in the first place.</p>