Html border dashed spacing

Increase space between border dots css

.block {
   width: 100px;
   height: 100px;
   /* dashed border */
   background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

Source: kovart.github.io

Similar codes

1 vote171 views1 answer
Sort table in html
Html
2 votes171 views1 answer
Html color to rgb
Html
1 vote173 views1 answer
Ngclass else
Html
11 votes152 views2 answers
Html input date format
Html
0 vote174 views1 answer
How to put social media icons in html
Html
1 vote164 views2 answers
Thymeleaf input radio checked
Html
19 votes163 views3 answers
Radio input value
Html
0 vote177 views1 answer
How to display java code in html
Html
0 vote169 views1 answer
How to add two radio button in html
Html
0 vote162 views1 answer
JSON.stringify in sap ui5
Html