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 vote164 views2 answers
Display none on button click
Html
0 vote189 views2 answers
Html svg favicon
Html
2 votes169 views2 answers
Bootstrap embed-responsive-4by3
Html
-1 vote178 views2 answers
Chartjs set height
Html
0 vote187 views2 answers
Laravel nginx config
Html
-1 vote218 views1 answer
How to eliminate scroll bar in html
Html
3 votes199 views1 answer
Define the author of a page:
Html
0 vote220 views1 answer
Controls in html list
Html
0 vote188 views1 answer
Input type text cache clear
Html
0 vote215 views1 answer
An error occurred while retrieving token. DOMException: Registration failed - push service error
Html