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 vote206 views1 answer
How to get data from html page using javascript
Html
0 vote212 views1 answer
Centralizing to the middle of the screen with bootstrap 5
Html
0 vote203 views1 answer
360 degree rotate image website code
Html
2 votes344 views5 answers
Pre tag in html
Html
0 vote209 views1 answer
How to update html before alert
Html
0 vote212 views2 answers
How to increase size of input submit type in html
Html
2 votes221 views3 answers
Ion-datetime cancel text
Html
2 votes208 views1 answer
Ng bootstrap input
Html
0 vote284 views1 answer
Card button align bottom bootstrap
Html
0 vote194 views1 answer
Vue destroy listeners
Html