# Toggle CSS outline

> Simple extension that toggles a red outline around all elements in a page on/off, useful for CSS debugging.

Canonical page: [https://chrome-stats.com/d/toggle-css-outline](https://chrome-stats.com/d/toggle-css-outline)

## Overview

- **ID:** `toggle-css-outline`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** theodejager
- **Category:** web-development
- **Daily users:** 76
- **Weekly downloads:** 3
- **Rating:** 5.00 / 5 (1 ratings)
- **Version:** 1.1
- **Last updated:** 2023-07-14
- **First published:** 2023-07-13
- **Size:** 17 KB
- **Data as of:** 2026-09-06
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/toggle-css-outline/)

## Description

The **Toggle CSS Outline** Chrome extension provides a handy browser button that lets you switch a red outline around every element on a webpage. This tool is incredibly useful for front-end developers and designers who want to quickly visualize element boundaries without needing to open developer tools. By applying the style `* { outline: 1px solid red; }` on demand, it helps in identifying layout issues, inspecting element spacing, and improving CSS debugging efficiency.

Ideal for quick inspection during development, the extension streamlines the process of seeing all HTML elements' borders at a glance. The source code is openly accessible on GitHub for transparency and contribution, making it a lightweight and effective addition to any developer's toolkit.

## Rankings

- #13,360 — Overall
- #25 — toggle
- #169 — debug
- #185 — line

## Permissions and access

### Permissions

- `activeTab`
- `tabs`
- `storage`
- `<all_urls>`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** Low risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Debug CSS](https://chrome-stats.com/d/pranay-joshi) — 961 users, 4.79 / 5
- [Debugmode](https://chrome-stats.com/d/debugmode) — 3 users
- [Toggle CSS](https://chrome-stats.com/d/toggle-css) — 1 users
- [Css Debug with Pesticide CSS](https://chrome-stats.com/d/css-debug-with-pesticide) — 7 users
- [Devil Debugger](https://chrome-stats.com/d/devil-debugger) — 3 users, 5.00 / 5
- [Layout Debugger](https://chrome-stats.com/d/layout-debugger) — 2 users
- [Toggle Colors](https://chrome-stats.com/d/toggle-colors) — 1 users
- [Outline Colorizer](https://chrome-stats.com/d/outline-colorizer) — 3.00 / 5
- [CSS Toggler](https://chrome-stats.com/d/css-toggler) — 354 users, 4.57 / 5
- [Inspectre](https://chrome-stats.com/d/inspectre) — 8 users
- [Toggle LeetCode Syntax Highlighting](https://chrome-stats.com/d/leetcode-syntax-highlighting) — 5 users
- [Toggle Debug Mode](https://chrome-stats.com/d/toggle-debug-mode) — 4 users, 5.00 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/toggle-css-outline)