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

6 votes205 views2 answers
Raise WebDriverException( selenium.common.exceptions.WebDriverException: Message: 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home
Html
1 vote221 views1 answer
Html.erb conditionally add class
Html
0 vote209 views1 answer
Html make page not zoomable
Html
0 vote237 views1 answer
Possible colors used for html
Html
20 votes224 views3 answers
Bootstrap navbar-nav
Html
7 votes219 views3 answers
Bs5 cdn
Html
0 vote212 views1 answer
Alive
Html
10 votes203 views2 answers
Iframe border none
Html
4 votes202 views3 answers
Image slider with bootstrap
Html
0 vote238 views1 answer
Object to string angular html
Html