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 vote325 views1 answer
Error: Stray start tag script.
Html
0 vote309 views2 answers
Ionic disable input field
Html
3 votes291 views2 answers
Youtube iframe autoplay not working
Html
0 vote306 views1 answer
Html5 snippet
Html
1 vote303 views1 answer
Header with icon html
Html
15 votes347 views6 answers
Html basic code
Html
0 vote295 views1 answer
How to default select a span tags functions
Html
123 votes319 views4 answers
Opem link in new tab html
Html
0 vote277 views5 answers
Whatsapp chat html code
Html
15 votes308 views3 answers
Game engine
Html