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 vote164 views2 answers
Inject modal to page through extension
Html
5 votes168 views2 answers
Html bootstrap textarea
Html
3 votes187 views1 answer
Sound on click
Html
0 vote173 views1 answer
Vue destroy listeners
Html
0 vote175 views1 answer
Chat box html
Html
1 vote129 views1 answer
Warning: invalid dom property `for`. did you mean `htmlfor`?
Html
0 vote161 views1 answer
Reverse timer in html
Html
1 vote165 views2 answers
Run html
Html
4 votes167 views4 answers
Carousel
Html
0 vote213 views1 answer
Floating modal bootstrap
Html