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 vote191 views1 answer
Page dans un nouvelle onglet html
Html
0 vote191 views2 answers
Html select image background arrow
Html
29 votes147 views2 answers
Make select required html
Html
0 vote182 views4 answers
<script> var x = 4; var y = 5; var z = x + y; z = x*y; document.getElementById('demo').innerHtml= z; system.print(z); </script>
Html
0 vote180 views1 answer
Html5 time input
Html
0 vote214 views1 answer
How to get a variable from php to javascript
Html
1 vote186 views1 answer
Do not close dialog box when click outside bootstrap modal
Html
10 votes184 views10 answers
Hello
Html
0 vote197 views1 answer
Hide phpsessid wordpress plugin
Html
64 votes201 views5 answers
Link font awesome html
Html