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

24 votes201 views6 answers
Js comments
Html
30 votes198 views6 answers
Meta tags html
Html
0 vote208 views1 answer
How to take an aimage in html and css
Html
1 vote178 views1 answer
24 hour input time
Html
9 votes224 views3 answers
Jquery select by class
Html
9 votes199 views5 answers
Html text alignment
Html
1 vote259 views1 answer
How to add color to a titlehtml
Html
12 votes206 views2 answers
How to embed an image in html
Html
2 votes215 views2 answers
Progress-bar-success bootstrap 4
Html
22 votes200 views1 answer
Create a mailto link html
Html