How to change the gap between dashes on a dotted border?

Is it possible to change the dash length and gap between dashes in a dotted border? If you increase the width, it only makes the line thicker, rather than longer or with a bigger gap.

Screenshot 2023-11-29 at 10.03.54 AM

@angiekwann - CSS doesn’t provide a direct way to adjust the spacing of dots in border-style: dotted;

You could create a background that was repeated on each side to get a similar effect or even leverage an SVG as a background element where spacing was controlled directly in the SVG. Both would require an understanding of writing custom CSS.

@webdev Thanks for the quick response! I’ll look into those options.