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

3 votes277 views1 answer
Array in html form
Html
0 vote261 views1 answer
Font awesome src
Html
1 vote278 views2 answers
Html multiple ids
Html
0 vote306 views1 answer
Wordpress add the html to the content by functoin.php
Html
0 vote270 views1 answer
Angular check active route
Html
0 vote267 views1 answer
Npm package private true
Html
1 vote310 views1 answer
Using new line(\n) in string and rendering the same in HTML
Html
0 vote306 views1 answer
Documentformat.openxml bold text
Html
2 votes340 views1 answer
Javascript inline onclick get event
Html
9 votes268 views3 answers
Change highlight color html
Html