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 vote197 views1 answer
Ionic onfig.xml hide loader
Html
0 vote214 views2 answers
Html auto change year
Html
1 vote249 views1 answer
Change date format in html
Html
213 votes205 views3 answers
Bootstrap start
Html
1 vote196 views1 answer
Page dans un nouvelle onglet html
Html
5 votes152 views1 answer
Font awesome home icon
Html
2 votes184 views1 answer
Html how to move element to the bottom right of page
Html
4 votes211 views4 answers
H1
Html
0 vote240 views1 answer
Chevron down html
Html
0 vote206 views1 answer
Livewire wire:target multi target
Html