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 vote141 views1 answer
Center unordered list html
Html
0 vote145 views1 answer
Execute python script onclick html
Html
10 votes149 views3 answers
How to create a video link in html
Html
4 votes157 views1 answer
Custom iframe
Html
0 vote132 views2 answers
Virtual pet comp 105 code
Html
9 votes148 views3 answers
Simple html
Html
8 votes144 views1 answer
How do i set a pdf to be download link in html
Html
88 votes159 views6 answers
Change text color in bootstrap
Html
2 votes96 views1 answer
Open a new html page on button click
Html
25 votes141 views6 answers
Navbar bootstrap
Html