Better borders

Here is a box with the default CSS dashed border:

It will change appearance for every browser, and it is also not configurable.

But with SVG, we can create custom dasharrays and use those as background images:

NOTE: It is important to remember to update the border radius of the SVG when changing it for a container.

Border generator

Here you can generate your own border SVG and see it updated in the box below in real time. Click the button inside the box to copy the CSS style.