Item logo image for Show All Padding & Margins

Show All Padding & Margins

ratedcalculator.com
4.5(

4 ratings

)
Item media 2 (screenshot) for Show All Padding & Margins
Item media 1 (screenshot) for Show All Padding & Margins
Item media 2 (screenshot) for Show All Padding & Margins
Item media 1 (screenshot) for Show All Padding & Margins
Item media 1 (screenshot) for Show All Padding & Margins
Item media 2 (screenshot) for Show All Padding & Margins

Overview

Highlights margins and padding for all HTML elements in any webpage.

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.

Details

  • Version
    1.1.1
  • Updated
    January 31, 2025
  • Size
    23.38KiB
  • Languages
    5 languages
  • Developer
    Website
    Email
    info@ratedcalculator.com
  • Non-trader
    This 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

Support

Related

Designer Tools

4.6

A collection of tools to help you design and develop websites with precision.

Measure Everything

4.7

Element distance measurement tool.

Dimensions

4.2

A tool for designers to measure screen dimensions

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Font Inspector

3.1

Click on any HTML element to get the font info in a popup!

element-spacing

3.3

page css ruler;page measure tools;Get page's/element's size/margin/padding/spacing info

fonts infos

4.5

An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.

Inspecta - visual QA and CSS editor

5.0

Inspect, compare and update CSS visually

Page Ruler

3.9

Measure page elements size in pixel with an easy-to-use ruler.

VisBug

4.8

Open source browser design tools

Screen Ruler - Measure and Inspect the Web

4.4

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Pixel Measurement

4.5

An online ruler for measuring pixels on screen

Designer Tools

4.6

A collection of tools to help you design and develop websites with precision.

Measure Everything

4.7

Element distance measurement tool.

Dimensions

4.2

A tool for designers to measure screen dimensions

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Font Inspector

3.1

Click on any HTML element to get the font info in a popup!

element-spacing

3.3

page css ruler;page measure tools;Get page's/element's size/margin/padding/spacing info

fonts infos

4.5

An extention to show/inspect and analyze fonts in web-pages, on single element or the whole document.

Inspecta - visual QA and CSS editor

5.0

Inspect, compare and update CSS visually

Google apps