Dotted border spacing with a gradient background image http://stackoverflow.com/questions/6250394/how-to-increase-space-between-dotted-border-dots

customizable-dotted-border.css

/* Horizontal */
.selector {
  background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
  background-position: bottom;
  background-size: 3px 1px;  /* Adjust values to change dot size and spacing */
  background-repeat: repeat-x;
}

/* Vertical */
.selector {
  background-image: linear-gradient(black 33%, rgba(255,255,255,0) 0%);
  background-position: right;
  background-size: 1px 3px; /* Adjust values to change dot size and spacing */
  background-repeat: repeat-y;
}

It was helpful! ✌️

Suggestion: You can update this code by adding the "width & height" property.