Если вам нужен инсульт или без инсульта, вы также можете использовать stroke-dasharray , чтобы сделать тире и пробелы совпадающими с сторонами прямоугольника.
rect { fill: none; stroke: black; }
.top { stroke-dasharray: 0,50,150 }
.left { stroke-dasharray: 150,50 }
.bottom { stroke-dasharray: 100,50 }
.right { stroke-dasharray: 50,50,100 }
См. jsfiddle .