Outline All Elements

Outline All Elements 1.0 CRX for Chrome

A Free Developer Tools Extension

Published By MohannadNaj

Outline All Elements (nppiigcgjgghnpdflckpalmdmpnfglfa): Add CSS Outline property to all elements on the page for debugging CSS Layout. ... Read More > or Download Now >

Outline All Elements for Chrome

Download CRX


31.23 KB


Tech Specs

  • • Type: Browser Extension
  • • Latest Version: 1.0
  • • Price: Freeware
  • • Offline: No
  • • Developer: MohannadNaj

User Reviews

  • ☆☆☆☆☆
  • • Rating Average
  • 0 out of 5
  • • Rating Users
  • 0

Download Count

  • • Total Downloads
  • 16
  • • Current Version Downloads
  • 16
  • • Updated: January 9, 2020

Outline All Elements is a free Developer Tools Extension for Chrome. You could download the latest version crx file and install it.

More About Outline All Elements

A Chrome Extension for adding CSS Outline property (with different colors) to all elements on the page.

Mainly this is useful for debugging CSS Layout and discovering potential issues.


- Click the extension icon for activating/deactivating.

- The outline colors are randomized based on it's order on the page.

- The colors are randomized by assigning different cumulative Hue degree and a fixed Saturation (99%) and Light (50%).

- On deactivating, the extension will restore the old outline value if it was there, and remove the style HTML attribute if it wasn't there before activating.

Source Code:

More Extensions to Consider (Similar or Related)