A simple way to inspect and copy element styles
StyleSnipe Extension
Features:
• Hover to see grid lines showing element position.
• View margin, padding, font size, weight, line height, family, and Actual Rendered font.
• Press spacebar to lock the hover card for detailed inspection.
• See both HTML and CSS styles of the element.
• Copy styles easily for your own use.
StyleSnipe is lightweight and focused on what matters: giving you instant visual feedback about any element's styles and position. No complex configuration needed – just hover and inspect.
Source Manifest.json
Similar Extensions
CSS Peeper 44 363 ★ 279KiB
Inspect CSS 44 24 ★ 404KiB
SnipCSS 44 32 ★ 13.12MiB
CSS Scan 44 84 ★ 1.41MiB
Font Finder 44 185 ★ 159KiB
Live CSS Tester 44 5 ★ 147KiB
cssPicker - copy css from website 44 6 ★ 1021KiB
Quick Inspect Element 44 9 ★ 360KiB
Color Picker 44 5 ★ 16.16KiB
fontDownloader - Identify & download fonts 44 8 ★ 59.44KiB
Font Finder & Style Detector 44 47 ★ 18.94KiB
PageRip (HTML + CSS Extract) 44 54 ★ 434KiB
CSS Viewer for Google Chrome™ 44 334 ★ 346KiB
Inspect Element 44 30 ★ 162KiB
DivMagic - Copy Style from any website 44 55 ★ 1.3MiB
FontViz: Inspect fonts with ease 44 53 ★ 923KiB
Visual Inspect UI 44 5 ★ 82.23KiB
CopyCss - Copy css scan from any website. 44 10 ★ 246KiB
Inspecta - validate design implementation 44 3 ★ 420KiB
HTML CSS Viewer 44 0 ★ 7.65KiB
Guide lines 44 3 ★ 9.17KiB
Bootstrap grid viewer 44 2 ★ 34.09KiB
Scan CSS 44 7 ★ 115KiB
WhatFont 44 2007 ★ 741KiB