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 vote226 views1 answer
Disable close from screen modal popup
Html
3 votes220 views3 answers
Add icon to website tab
Html
0 vote215 views1 answer
How to add video in html background
Html
0 vote250 views1 answer
How to add quantity button in html
Html
0 vote243 views2 answers
Ubuntu 22.10 vmware
Html
2 votes237 views1 answer
Show pdf in html
Html
0 vote239 views1 answer
Komodo ide 13
Html
0 vote279 views3 answers
Add font awesome to angular
Html
25 votes249 views4 answers
Html select default value
Html
0 vote249 views1 answer
Chrome input autocomplete not working
Html