CSS Borders - Useful for debugging

This is a powerful debugging tool for visualizing how CSS rules are being interpreted:

/* *{border: 1px black solid;} */

It’s analogous to using tracing rather than debuggers in C. It’s a much less fiddly way to quickly see all the borders in CSS layout - compared to inspecting elements in the browser one by one.

Have a DEBUG.css file which allows one to comment or uncomment this out.

One can use a Javascript function to call from the console to recursively display the borders.