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 votes298 views4 answers
Glyphicon search
Html
33 votes287 views5 answers
How to underline text in html
Html
8 votes317 views3 answers
Jquery $ is not defined
Html
0 vote299 views1 answer
OpenGraph 3
Html
13 votes308 views1 answer
Centre text
Html
22 votes324 views3 answers
Open page with html
Html
0 vote296 views1 answer
Repeat task multicraft
Html
0 vote299 views1 answer
Favicon x shortcut icon
Html
0 vote310 views1 answer
React bootstrap navbar fixed
Html
0 vote271 views1 answer
Inline vuetify
Html