Outliner CSS Chrome extension logo

Outliner CSS

Outline every element to instantly debug layout and spacing - depth tinting, hover inspector, one-click selector copy.

4.516 reviews~10K+ usersBy
Free
Updated 2026-09-02

Outliner CSS screenshots

Outliner CSS Chrome extension screenshot 1
Screenshots from the Chrome Web Store listing for Outliner CSS.

Overview

Outliner CSS: Your Perfect Debugging Tool Outline every element to instantly debug layout and spacing, depth tinting, per-site memory, one-click selector copy. Key Features: - One-click outlines in five colours - Depth tinting to visualise nesting - Hover to inspect, click to copy the selector - Alt+Shift+O toggles the current page - Your colour preferences sync, nothing about the sites you visit is ever stored - No trackers, no external requests What's new in 3.1 - Depth tinting fixed (silently broken in 3.0) - DOM structure mode rebuilt: dashed context outlines, solid hover highlight, click-to-copy selectors - New: keyboard shortcut and synced colour preferences - Redesigned popup with automatic dark mode - No site-access permissions and no stored site records: acts only when you invoke it, remembers only your colours Lightweight by design: one injected stylesheet-style sweep, no trackers, no analytics, no external requests.

Pricing

Outliner CSS is free. There is no paid tier to consider.

Similar extensions

Adobe Acrobat: PDF edit, convert, sign tools Chrome extension logo

Adobe Acrobat: PDF edit, convert, sign tools

Productivity
Freemium

Do more in Google Chrome with Adobe Acrobat PDF tools. View, fill, comment, sign, and try convert and compress tools.

4.462,900 reviews311M+
View Extension
VPN for Chrome: NordVPN proxy protection Chrome extension logo

VPN for Chrome: NordVPN proxy protection

Productivity
Free

Connect to the fastest VPN out there — NordVPN. Hide your IP, block ads, and be safer online with our VPN proxy extension for Chrome

Store stats not synced yet
View Extension
Malwarebytes Browser Guard Chrome extension logo

Malwarebytes Browser Guard

Privacy & Security
Free

Block malware, scams, phishing and trackers for safer, cleaner, and ad-free browsing.

3.91,500 reviews11M+
View Extension
Online Security Chrome extension logo

Online Security

Privacy & Security
Freemium

Powering your web experience with a reliable, endpoint protection layer.

3.6594 reviews11M+
View Extension
AdBlock Chrome extension logo

AdBlock

Privacy & Security
Freemium

One of the most installed ad blockers for Chrome, with simple whitelisting.

4.5290,300 reviews61M+
View Extension
Honey Chrome extension logo

Honey

Shopping
Free

Finds and applies coupon codes at checkout.

4.6179,700 reviews12M+
View Extension

Frequently asked questions

Is Outliner CSS free?

Yes, Outliner CSS is free to install and use.

What are the best Outliner CSS alternatives?

Browse the directory category for comparable options.

Related extensions to Outliner CSS

Picked from the same category and the tags outliner, css — jump straight to the alternatives and head-to-head pages people open next.

Compare Outliner CSS with the obvious rivals

Side-by-side feature tables, pricing and a clear recommendation.