How can I make the stroke be drawn to the inside, and not from the center of the line?

Question

css

How to make the stroke be drawn to the inside of the line/polygon, and not from the center of the line to both sides?

Answer 1

.clue {
    background: blue; /* Фоновый рисунок */
    outline: 2px dashed white; /* Пунктирная рамка */
    outline-offset: -10px; /* Выводим рамку внутри элемента */
    padding: 10px; /* Поля */
    min-height: 100px; /* Минимальная высота */
   }

So?

Answer 2

no way. The stroke-alignment property found in the specification drafts is not supported by anyone at all, in the recent svg2 standard it seems not to exist.
The way around this is to put the path in the definitions section and draw the shape with twice the stroke width on that path and with the same path as the mask or clip-path.
here are two identical hearts: on the bottom with a regular black stroke, and on top of it with a white stroke inside the outline, made in this way:
people are also perverted with the outline-offset css property, but everything is bad with it with cross-browser compatibility.