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 vote240 views1 answer
Jquery animation move point
Html
0 vote230 views1 answer
Etiqueta blockquote en html5
Html
0 vote234 views1 answer
/tag
Html
0 vote250 views1 answer
Disable submit button after form validation
Html
0 vote238 views1 answer
Alpine function
Html
1 vote267 views1 answer
CDN_CSS
Html
3 votes261 views2 answers
Ionic color
Html
3 votes255 views3 answers
How to justify text in html
Html
0 vote247 views1 answer
Vuejs v-model array
Html
0 vote237 views1 answer
Pw.println("<br><br><a href= 'WishApp/index.html'>Home</a>");
Html