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

10 votes94 views6 answers
Bootstrap 5 tab
Html
0 vote106 views1 answer
Html personal website template
Html
1 vote234 views2 answers
Embed recaptcha in html
Html
0 vote114 views1 answer
Whatsapp href link code
Html
0 vote102 views1 answer
Org.hibernate.HibernateException: No CurrentSessionContext configured! hibernate spring
Html
1 vote102 views1 answer
Vue get data from slot template
Html
4 votes104 views3 answers
Image slider with bootstrap
Html
5 votes108 views2 answers
Html to markdown
Html
0 vote110 views1 answer
Ifreame on page with random video
Html
33 votes105 views2 answers
How to use the label tag in html
Html