Can we do a vertical line with curve in CSS?

February 4, 2022

Ive been searching for an answer if we can create a vertical line with curve but was not able to have found anything, maybe the community can help me with this.

I like to create a line like this

>Solution :

Is this what you are looking for?
border: px dashed color mixed with border-radius

div {
    margin: 5px;
    display: inline-block;
    width: 300px;
    height: 300px;
    border: 1px dashed #000;
    border-radius: 50px;
}

<div></div>

With only one dashed side:

div {
    margin: 5px;
    display: inline-block;
    width: 30px;
    height: 300px;
    border-top: 1px dashed #000;
    border-left: 1px dashed #000;
    border-radius: 50px 0 0 0;
}