Overview
Add CSS Outline property to all elements on the page for debugging CSS Layout.
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.
Details
- Version1.1
- UpdatedMay 13, 2025
- Offered byMohannadNaj
- Size33.79KiB
- LanguagesEnglish
- Developer
Email
mohannadnaj@me.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes