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

93 votes358 views6 answers
Shadow border css
Html
0 vote266 views1 answer
How to add vertical space between two text boxes in html
Html
0 vote290 views1 answer
Svm e1071 cutoff
Html
0 vote316 views1 answer
Shoppy embed
Html
1 vote299 views1 answer
What is dir attribute in html
Html
0 vote288 views2 answers
Simple dashboard html template
Html
5 votes290 views6 answers
Html button remove border on click
Html
1 vote370 views1 answer
Html how to create an icon bar in url
Html
10 votes276 views1 answer
Write & in html
Html
0 vote295 views1 answer
Html.getenumselectlist
Html