仅在内部或外部描边SVG路径

Question

考虑2个html svg路径，一个具有相同高度的正方形（类inside）和一个矩形（类outside）。当我应用stroke-width: 10px时，笔划会在内部5px和外部5px处应用。 Fiddle

我如何只在内部或外部划水？

.inside { 
  stroke: #333;
  stroke-mode: inside;     // property does not exist
  stroke-width: 5px;
}

.outside {
   stroke: #333;
   stroke-mode: outside;   // property does not exist
   stroke-width: 5px;
}

如果没有此类属性，是否有解决方法来实现以下目的：