Gibt es eine Möglichkeit, in CSS einen benutzerdefinierten Rahmen zu erstellen? ⇐ CSS

[Anonymous]

Mir wurde dieses Word-Dokument als Referenz für das gegeben, was sie in eine ReactJS-App umwandeln wollten (sie haben die Sprache nicht angegeben, aber das war letztendlich das, was ich kannte und das am bequemsten war). Ich habe kein Problem damit, alles anzufertigen, was sie sich gewünscht haben, bis auf dieses eine bestimmte Ding, nämlich eine Umrandung in einem bestimmten Stil.
Dieses Bild ist ein Beispiel für die Umrandung, nach der sie suchen.


Ich kann herausfinden, wie man einen gepunkteten und einen gestrichelten Rand macht, aber keinen, der dazwischen geht und das andere. Hier ist mein bisheriger CSS-Code:

Code: Select all

.instructions {
border-style: dashed;
border-width: 2px;
margin-right: 100px;
box-sizing: border-box;
padding: 10px;
}

So sieht es aus, wenn es ausgeführt wird:
[img]https://i.sstatic .net/Sg5Y6.jpg[/img]

Gibt es eine Möglichkeit, benutzerdefinierte Rahmen zu erstellen?