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

1 vote109 views1 answer
Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
Html
0 vote105 views1 answer
Html two classes in one element
Html
2 votes115 views3 answers
Javascript void
Html
0 vote103 views1 answer
Hello world svelte
Html
201 votes170 views5 answers
Blank space html
Html
0 vote107 views1 answer
Selecting only one radio button
Html
1 vote108 views1 answer
Slider is flashing when change background image
Html
0 vote101 views1 answer
Html cite element
Html
0 vote117 views1 answer
Emoji Symbols in UTF-8 of coins
Html
0 vote99 views2 answers
Make element be positioned behind its parent, but in front of its grandparent
Html