Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

This works quite well:

function DEBUGborders(){
   console.log("Borders on");
   var Element = document.createElement('style');
   document.head.appendChild(Element);
   var Sheet = Element.sheet;
   Sheet.insertRule("*{outline: 1px red solid;}", 0);
} () DEBUGborders()

Copy pasting that code into the console of your browser will give you red outlines of the borders of every CSS object in your browser.

For kicks I have attached a screen shot of what happens to this page when you apply this trick:

  • No labels