Show All Padding & Margins
v1.1.1 Updated Jan 31, 2025 23.38KiB
⚠️Not updated in over a year ⚠️Very few reviews for its user base
Description
Ever wanted to see the padding and margins for all elements on a web page all at once? This extension does just that, highlighting all padding and margins while providing additional information for target elements on hover. No longer will you have to troubleshoot your element positioning issues one element at a time through Chrome Dev Tools. With this extension, it's all just there for you to see.
Features:
1. Visualize Padding and Margins: Instantly see the padding and margins of all elements on a webpage, making it easier to understand and debug layout issues.
2. On-hover Details: Hover over any element to get detailed information about its padding, margin, and other styling properties.
3. Quick Toggle: Activate or deactivate the extension with a simple click on the extension icon or through the convenient keyboard shortcut Ctrl+Shift+Y.
Why You Need This Extension:
1. Save Time: Quickly diagnose and fix layout problems without digging through nested elements in Chrome Dev Tools.
Improve Workflow: Streamline your web development and design process by having a clear visual representation of element spacing.
2. Enhance Understanding: Gain a better understanding of how CSS properties like padding and margin affect your webpage layout.
Whether you're a seasoned web developer, a designer, or someone learning CSS, this extension will make your life easier by providing a clear and immediate view of the spacing properties of elements on any webpage.
Reviews (1 cached)
★★★☆☆2025-01-30
Ian Steyn
Cool idea! It doesn't seem to work on local html files tho... or am I missing something?
Permissions (2)
Permissions
activeTabℹ Can access the current tab when you click the extension scriptingℹ Can inject scripts into web pages
Details
| Version | 1.1.1 |
| Updated | Jan 31, 2025 |
| Size | 23.38KiB |
| First Seen | Mar 24, 2026 |
More by RatedCalculator.com
Popular in developer
GoFullPage - Full Page Screen Capture
by GoFullPage
10M
★ 4.89
developer
10M
★ 4.89
developer
TouchEn PC보안 확장
by 라온시큐어
8M
★ 1.33
developer
8M
★ 1.33
developer
React Developer Tools
by Meta
5M
★ 3.95
developer
5M
★ 3.95
developer
Meta Pixel Helper
by Meta
4M
★ 3.91
developer
4M
★ 3.91
developer
ColorZilla
by colorzilla.com
4M
★ 4.59
developer
4M
★ 4.59
developer
Popular Extensions
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
331M
★ 4.40
workflow
331M
★ 4.40
workflow
AdBlock — block ads across the web
by AdBlock
62M
★ 4.48
workflow
62M
★ 4.48
workflow
迅雷下载支持
by Shenzhen Xunlei Network Technology Co., Ltd.
59M
★ 2.77
workflow
59M
★ 2.77
workflow
Grammarly: AI Writing Assistant and Grammar Checker App
by Grammarly
42M
★ 4.50
communication
42M
★ 4.50
communication
Adblock Plus - free ad blocker
by eyeo GmbH
40M
★ 4.39
workflow
40M
★ 4.39
workflow