/CSS/Increase space between dashed border css

Increase space between dashed border css

div.two{border:2px dashed #FF0000}

div.five:before {
  content: "";
  position: absolute;
  border: 5px dashed #FF0000;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
}

div.ten:before {
  content: "";
  position: absolute;
  border: 10px dashed #FF0000;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
}

div.odd:before {left:0;right:0;border-radius:60px}

div {
  overflow: hidden;
  position: relative;


  text-align:center;
  padding:10px;
  margin-bottom:20px;
}

<div class="two">Kupo nuts here</div>
<div class="five">Kupo nuts<br/>here</div>
<div class="ten">Kupo<br/>nuts<br/>here</div>
<div class="ten odd">Kupo<br/>nuts<br/>here</div>

Source: stackoverflow.com

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

2 votes255 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespace
CSS
164 votes262 views6 answers
Box-shadow css
CSS
2 votes288 views1 answer
How to put a black overlay on a photo css
CSS
8 votes255 views2 answers
Html how to change highlight color
CSS
0 vote260 views1 answer
Crystal background css
CSS
1 vote257 views1 answer
Css access span class inside div
CSS
0 vote223 views1 answer
Mat select remove underline
CSS
0 vote264 views1 answer
Css set width of a span
CSS
29 votes253 views4 answers
How to remove bullet in css
CSS
126 votes256 views7 answers
Css box shadow
CSS