Toggle CSS outline by theodejager

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

5 (1 reviews)

56 Users

You'll need Firefox to use this extension

Download Firefox and get the extension

Download file

About this extension

This extension adds a browser button that toggles a red outline on/off around all elements on a page. Useful for CSS development, to see all the borders of all elements in one glance quickly without opening the developer tools panel. Basically it sets the following style on / off:

* { outline: 1px solid red; }

Source code: https://github.com/theodejager/toggle-css-outline

Rated 5 by 1 reviewer

Release notes for 1.1

The extension now saves the on/off state of the outline per tab, not globally. That means each tab has control over its own outline and it persists across page reloads. It is also now compatible with Google Chrome too.

Required permissions: