Чтобы создать настраиваемую границу в стиле, который сохраняет размер при использовании SVG, вы можете использовать атрибуты `stroke` (цвет границы) и `stroke-width` (толщина границы) SVG элемента.
Примерно так выглядит SVG код для создания прямоугольной границы:
```html
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="100">
<rect x="10" y="10" width="180" height="80" stroke="#000000" stroke-width="2" fill="none" />
</svg>
```
В этом примере, `width` и `height` SVG элемента указывают размер области, в которой будет отображаться граница. `x` и `y` координаты определяют положение границы внутри этой области.
`stroke` задает цвет границы (в данном случае черный), а `stroke-width` определяет ее толщину (в данном случае 2 пикселя). Значение `fill="none"` указывает, что фигура должна быть прозрачной внутри границы.
Чтобы сохранить пропорции и уменьшить одно из измерений, вам нужно просто соответствующим образом изменить значения атрибутов `width` и `height` прямоугольника.
Например, если вы хотите сохранить пропорции и уменьшить ширину вдвое:
```html
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="100">
<rect x="10" y="10" width="90" height="80" stroke="#000000" stroke-width="2" fill="none" />
</svg>
```
Настройте значения `width` и `height` прямоугольника в зависимости от ваших потребностей, чтобы создать желаемый стиль пользовательской границы.