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

1 vote292 views1 answer
Javascript void link
Html
0 vote261 views1 answer
Ondrag event in html
Html
1 vote254 views1 answer
Html cursief
Html
8 votes272 views2 answers
Bootstrap Badges Contextual variations
Html
2 votes280 views1 answer
Html sms link iphone
Html
0 vote268 views1 answer
Internal phone input
Html
26 votes267 views3 answers
Html animation
Html
9 votes276 views2 answers
How set the function on button when click and show the window.print output in js
Html
3 votes257 views2 answers
What is <tr> in HTML
Html
37 votes277 views3 answers
Viewport meta tag
Html