How do I increase space between dotted border dots?

Question

I am using dotted style border in my box like .box { width: 300px; height: 200px; border: dotted 1px #f00; float: left; }I want to increase the space between each dot of the border.

Answer 1

The dotted line border's appearance is controlled by the browser that is rendering it and it will appear differently in various browsers. I am not aware of any CSS hacks that can control this. You can, however, use border-image to specify an image file with the border spacing you desire.