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 vote184 views1 answer
Html extarea line break
Html
0 vote186 views2 answers
Javascript animated alert message box
Html
3 votes181 views3 answers
Img svg not loading
Html
0 vote159 views1 answer
Wifi pass
Html
0 vote168 views1 answer
Html chat box
Html
0 vote174 views1 answer
Selectize add properties to item from html
Html
4 votes176 views3 answers
Bootstrap 5 include in html
Html
27 votes158 views1 answer
How to include the copyright symbol in html
Html
0 vote168 views2 answers
Html make table columns same width
Html
0 vote186 views2 answers
HTTP to HTTPS
Html