CSS Borders
Semi-transparent borders using background-clip: padding-box;
Default value is border-box, so padding-box tells browser to clip the background at the padding edge rather than the border box edge
Using layered box-shadows to emulate multiple borders via the spread radius parameter with zero offsets and zero blur
First one is topmost, therefore should be smallest spread radius.
But shadows don't affect layout and are oblivious to box-sizing (would need to compensate with padding/margin)
Also don't react to mouse-events, so would need to use 'inset' keyword so shadows drawn inside the element, and add extra padding to compensate
If only 2 borders needed, 'outline' property with 'border' allows for border style too.
'outline-offset' also controls distance of outline from element boundaries, including negative values.
But doesn't work well with border-radius
Stitching effect using negative outline-offset and a dashed outline.