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

0 vote223 views1 answer
What is the PERN stack
Html
0 vote226 views2 answers
How to put the heading in th ecenter of th html page
Html
4 votes241 views4 answers
H1
Html
1 vote238 views2 answers
Drag and drop html
Html
0 vote229 views1 answer
Html overflow with span
Html
11 votes237 views2 answers
Javascript for video mp4 link in html
Html
2 votes249 views1 answer
Export website to html
Html
1 vote213 views1 answer
Beatify html
Html
0 vote219 views1 answer
Sdfsdfsd
Html
3 votes277 views2 answers
Angular material drag and drop only on button
Html