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 vote326 views2 answers
Html email signature code
Html
0 vote298 views1 answer
Form tab index skip readonly
Html
3 votes317 views3 answers
Vue js v-for array index
Html
0 vote333 views1 answer
Url('https://unsplash.it/500/500')
Html
4 votes314 views4 answers
How to put your email in html
Html
9 votes315 views1 answer
Procjene
Html
2 votes390 views1 answer
Html mouse over text
Html
0 vote340 views1 answer
Favicon specification
Html
1 vote302 views1 answer
Icon inside input
Html
9 votes313 views2 answers
Font awesome icon for email
Html