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

7 votes123 views2 answers
Specifying file types in html file input
Html
1 vote145 views1 answer
Bootstrap textarea width
Html
2 votes143 views2 answers
Scroll dropdown bootstrap
Html
0 vote128 views1 answer
Display sqlite text with jinja as HTML paragraph
Html
0 vote136 views1 answer
Html div horizontal
Html
0 vote146 views1 answer
Create html element c#
Html
0 vote132 views1 answer
Tailwind display inline block
Html
5 votes138 views2 answers
Selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 81
Html
0 vote147 views1 answer
Añadir script en html
Html
1 vote151 views1 answer
Html close window button
Html