Add CSS Outline property to all elements on the page for debugging CSS Layout.
Users
474
+62 in 30 days
Rating
5.0 / 5
unchanged in 30 days
Ratings
1
0 in 30 days
Store rank
#44K
#37K among extensions
Version
1.1
updated 13 May 2025
Users
monthly, 3 years
Latest, 15 Oct 2026:474 usersMove the mouse over the chart for any month
Ratings count
monthly, 3 years
Latest, 15 Oct 2026:1 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About Outline All Elements
A Chrome Extension for adding CSS Outline property (with different colors) to all elements on the page.
Source Code:
https://github.com/MohannadNaj/outline-all-elements
Mainly this is useful for debugging CSS Layout and discovering potential issues.
Notes:
- 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.