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.