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

17 votes138 views2 answers
Video tag html
Html
1 vote127 views2 answers
Change button text css
Html
1 vote162 views3 answers
Meta theme-color example
Html
11 votes164 views2 answers
Navbar right bootstrap 4
Html
0 vote128 views1 answer
Moment in html
Html
2 votes140 views4 answers
Bootstrap 5 dropdown
Html
0 vote133 views1 answer
Meta tag for social media
Html
22 votes134 views3 answers
CSS smoth scrol
Html
0 vote139 views2 answers
Html how to hide and show multiple
Html
0 vote145 views2 answers
How to write the latex in html
Html