Wie kann ich in CSS einen gestrichelten Rahmen erstellen, der horizontal/vertikal symmetrisch ist? ⇐ CSS

[Anonymous]

Ich entwerfe eine Website in Figma und es ermöglicht mir, einen gleichmäßig verteilten, also symmetrischen Rand zu erstellen – die Ecken sind alle identisch und die Striche sind jetzt schief oder relativ zueinander verschoben. Ich möchte ein ähnliches Verhalten auf meiner Website reproduzieren, konnte aber keine Lösung finden, die mit der adaptiven Benutzeroberfläche funktioniert -> die Breite und Höhe des Div, auf dem ich den Rahmen setzen möchte, ist nicht festgelegt.
Ich habe versucht, SVG und die Websites mit dem Generator für gestrichelte Ränder zu verwenden, aber keiner erreicht das gewünschte Verhalten. Ich hatte erwartet, dass es sich um eine häufige Aufgabe mit einer gut entwickelten Lösung handeln würde, aber ich konnte nichts googeln oder eine KI für eine funktionierende Ausgabe verwenden. Ich habe versucht, es aus Figma zu exportieren, aber keines der Plugins funktioniert so gut, auch nicht für die statische Größe.