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

5 votes105 views5 answers
Mp4 to webm
Html
0 vote114 views1 answer
Html onclick pass event
Html
0 vote115 views1 answer
Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.<anonymous> (index.js:15) (anonymous) @ index.js:15
Html
1 vote109 views1 answer
Css mark color
Html
0 vote108 views1 answer
HTML Links - Hyperlinks Example
Html
0 vote111 views1 answer
Textarea self expandable height
Html
0 vote157 views1 answer
Twig map
Html
18 votes113 views1 answer
Tlauncher download
Html
0 vote107 views1 answer
Html default file name a tag
Html
0 vote99 views1 answer
Html umlaute
Html