← All examples

Outline every element

Draws thin colored outlines around every element to make the page layout structure easy to see.

Code to copy

* { outline: 1px solid rgba(255, 0, 0, 0.4) !important; }
* * { outline-color: rgba(0, 128, 255, 0.4) !important; }
* * * { outline-color: rgba(0, 170, 0, 0.4) !important; }
* * * * { outline-color: rgba(200, 120, 0, 0.4) !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.