Как я могу создать пунктирную границу в CSS, которая была бы симметричной по горизонтали/вертикали? ⇐ CSS

[Anonymous]

Я разрабатываю веб-сайт в Figma, и он позволяет мне создать равномерную границу, то есть симметричную: все углы одинаковы, а тире теперь перекошены или смещены относительно друг друга. Я хочу воспроизвести подобное поведение на своем веб-сайте, но мне не удалось найти решение, которое работало бы с адаптивным пользовательским интерфейсом -> ширина и высота элемента div, на котором я хочу разместить границу, не фиксированы.
Я пытался использовать svg и сайты-генераторы пунктирных границ, но ни один из них не достиг желаемого поведения. Я ожидал, что это будет обычная задача с хорошо разработанным решением, но я не смог ничего погуглить или использовать ИИ для какого-либо рабочего результата. Я пытался экспортировать его из Figma, но ни один из плагинов не работает, даже для статического размера.



Подробнее здесь: https://stackoverflow.com/questions/774 ... ntally-ver